或者CSS類以選擇器結束的方法？

我有以下CSS類選擇這將選擇<tbody>甚至<tr>兒童的一切<td>孩子在那裏<tr>屬於2任何類的結局：或者CSS類以選擇器結束的方法？

.table-striped > tbody > tr:nth-child(2n)[class$='2'] > td{ 
      background-color: #FFF7C7; 
}

我想要做的是選擇的所有<td>兒童的<tbody>其中<tr>屬於任何類的結局在偶數<tr>孩子甚至數最多，但不包括10我希望我可以做一些事來的效果：

.table-striped > tbody > tr:nth-child(2n)[class$=('2' || '4' || '6' || '8')] > td{ 
      background-color: #FFF7C7; 
}

所以我的問題是，我如何在類中實現一個OR情況以選擇器結束？

僅供參考這裏是HTML的一個樣本（我想選擇的前兩行的所有<td>）：

<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>

來源

2016-05-25 jacob

這不可能與CSS，嘗試像LESS或[SASS]（http：// http：//sass-lang.com）。 – s1h4d0w

@ s1h4d0w，用CSS表示它是不可能的，然後建議使用LESS或Sass忽略LESS和Sass生成CSS的事實，這意味着它可能是**。這只是詳細的。 – zzzzBov

不通過屬性選擇器操作class [class ...]'[class $ = 2]'不是'class以2'結尾，它只是'class屬性以2結尾' –

有了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

這是相當冗長，而且應該是顯而易見的是，你很可能使一個貧窮的選擇的選擇，在這裏你可以只使用在相應的要素類。

來源

2016-05-25 18:35:31 zzzzBov

打我一秒;） – dippas

或者CSS類以選擇器結束的方法？

回答

相關問題