CSS偶數(shù)項的選擇器可以通過使用nth-child
偽類來實現(xiàn)。nth-child
偽類允許您選擇特定位置的元素,包括偶數(shù)項。
以下是一個簡單的示例,說明如何使用CSS選擇偶數(shù)項:
<ul> <li>***項</li> <li>第二項</li> <li>第三項</li> <li>第四項</li> <li>第五項</li> <li>第六項</li> <li>第七項</li> <li>第八項</li> <li>第九項</li> <li>第十項</li> </ul>
li:nth-child(even) { color: blue; }
在這個示例中,li:nth-child(even)
選擇器會選擇所有的偶數(shù)項。color: blue;
規(guī)則會將它們的顏色更改為藍色,您可以根據(jù)需要更改其他樣式屬性。
nth-child
計數(shù)從1開始,因此nth-child(even)
會選擇第2、第4、第6、第8、第10項等,如果您想選擇從0開始的偶數(shù)項(即第0、第2、第4、第6、第8、第10項等),您可以使用nth-of-type
偽類。
li:nth-of-type(2n) { color: blue; }
在這個示例中,li:nth-of-type(2n)
選擇器會選擇所有偶數(shù)位置的元素,包括從0開始的偶數(shù)項。