列表隔行換色nth-child() 選擇器

w3c 說明

dd 和 even 是可用於匹配下標是奇數或偶數的子元素的關鍵詞(第一個子元素的下標是 1)。

在這裏,我們爲奇數和偶數 p 元素指定兩種不同的背景色:

p:nth-child(odd){
background:#ff0000;
}p:nth-child(even){
background:#0000ff;
}


在一些比較多信息的列表裏,需要不同顏色的橫背景來較容易分辨信息,

可以使用nth-child()選擇器來進行交換色;

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章