CSS的奇偶數篩選器是指通過CSS選擇器來針對一個元素序列(<ol>
或者<ul>
)中奇偶元素進行樣式的設置,其中奇數元素指的是1、3、5、7、...位置上的元素,偶數元素則是2、4、6、8、...位置上的元素。
在實際的應用中,通過奇偶數篩選器可以很方便的實現相鄰元素樣式的交替改變,使得頁面具有更好的可讀性和美觀度。
/* 篩選奇數位置元素并設置字體顏色為紅色 */ li:nth-child(odd) { color: red; } /* 篩選偶數位置元素并設置字體顏色為藍色 */ li:nth-child(even) { color: blue; }
在上面的代碼中,我們使用nth-child(odd)
來選擇所有奇數位置的元素,并把它們的字體顏色設置為紅色;同時使用nth-child(even)
來選擇所有偶數位置的元素,并把它們的字體顏色設置為藍色。
同時需要注意的是,nth-child(n)
的序列是從1開始的,而不是從0開始,這也是與JavaScript中數組的下標不同的地方。
上一篇php ocx 控件
下一篇python研發好巧網