时间戳

首页 > 解决方案 > 获取每个第一个+第二个孩子通过第三个和第四个等等css

css - 获取每个第一个+第二个孩子通过第三个和第四个等等css

问题描述

我有这样的html

<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
<p>6</p>
<p>7</p>
<p>8</p>
<p>9</p>
<p>10</p>

我需要将背景颜色添加到1 和 2，然后添加到5 和 6、9 和 10

&:nth-child(1n+2) {
 background-color: yellow;
}

但我没有运气？

标签： css

解决方案

我想你追求的是：

p:nth-child(4n-2),p:nth-child(4n-3) {
 background-color: yellow;
}

例子

p:nth-child(4n-2),p:nth-child(4n-3) {
 background-color: yellow;
}
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
<p>6</p>
<p>7</p>
<p>8</p>
<p>9</p>
<p>10</p>

推荐阅读