Question

我有以下CSS类选择器，它将选择<td> <tr>个<tbody>个孩子的所有<tr>子项，其中.table-striped > tbody > tr:nth-child(2n)[class$='2'] > td{ background-color: #FFF7C7; }属于以2结尾的任何类：

<td>

我想要做的是选择<tr> <tbody>个<tr>个孩子的所有.table-striped > tbody > tr:nth-child(2n)[class$=('2' || '4' || '6' || '8')] > td{ background-color: #FFF7C7; }个孩子，其中<td>属于以偶数结尾的任何等级，但是不包括10.我希望我可以做一些事情：

<tbody>
  <tr class="ctgry_2"><td>Data</td><td>Data</td><td>Data</td></tr>
  <tr class="ctgry_6"><td>Data</td><td>Data</td><td>Data</td></tr>
  <tr class="ctgry_3"><td>Data</td><td>Data</td><td>Data</td></tr>
</tbody>

所以我的问题是，如何在类中使用选择器实现OR案例？

这里有一个HTML示例（我想选择前两行的所有CGPoint newPosition = {newX,newY}; [yourObject runAction:[SKAction moveTo:newPosition duration:lengthOfAnimation]];。）：

Install-Package Nancy.Validation.FluentValidation -Version 1.4.1

Answer 1

使用CSS，您需要使用,分隔每个选择器：

.table-striped > tbody >  tr:nth-child(2n)[class$='0'] > td,
.table-striped > tbody >  tr:nth-child(2n)[class$='2'] > td,
.table-striped > tbody >  tr:nth-child(2n)[class$='4'] > td,
.table-striped > tbody >  tr:nth-child(2n)[class$='6'] > td,
.table-striped > tbody >  tr:nth-child(2n)[class$='8'] > td

这是非常冗长的，应该立即明白你可能选择了一个糟糕的选择器，你可以在适当的元素上使用类。

OR类的方法以选择器结束？

1 个答案: