.seat:nth-child(8n-6),.seat:nth-child(8n-2)
时间: 2023-11-22 19:50:58 浏览: 83
根据提供的引用内容,`.seat:nth-child(8n-6),.seat:nth-child(8n-2)`是一个jQuery选择器,它选中了父元素下每8个元素中的第2个和第6个元素,且这些元素都有`.seat`类。具体来说,它选中了以下元素:
- 父元素下第2个`.seat`元素
- 父元素下第6个`.seat`元素
- 父元素下第10个`.seat`元素
- 父元素下第14个`.seat`元素
- ...
这个选择器可以用于选中一排座位中的某些座位,例如:
```html
<div class="seats">
<div class="seat">1</div>
<div class="seat">2</div>
<div class="seat">3</div>
<div class="seat">4</div>
<div class="seat">5</div>
<div class="seat">6</div>
<div class="seat">7</div>
<div class="seat">8</div>
<div class="seat">9</div>
<div class="seat">10</div>
<div class="seat">11</div>
<div class="seat">12</div>
<div class="seat">13</div>
<div class="seat">14</div>
<div class="seat">15</div>
<div class="seat">16</div>
<div class="seat">17</div>
<div class="seat">18</div>
<div class="seat">19</div>
<div class="seat">20</div>
</div>
```
如果想选中第1排、第3排、第5排等奇数排的座位,可以使用以下选择器:
```css
.seats:nth-child(odd) .seat:nth-child(8n-6), .seats:nth-child(odd) .seat:nth-child(8n-2) {
background-color: red;
}
```
这个选择器选中了`.seats`的奇数子元素(即第1排、第3排、第5排等),然后选中这些子元素下每8个元素中的第2个和第6个元素,将它们的背景色设置为红色。
阅读全文