CSS中有一個(gè)非常有用的偽類選擇器,它可以讓我們控制html中的奇數(shù)和偶數(shù)元素,那就是:nth-child偽類選擇器。
/*奇數(shù)元素背景顏色為紅色*/ p:nth-child(odd){ background-color: red; } /*偶數(shù)元素背景顏色為綠色*/ p:nth-child(even){ background-color: green; }
上面的代碼中,我們使用了:nth-child偽類選擇器,可以用來選擇特定位置的子元素。而odd表示選擇奇數(shù)子元素,even則表示選擇偶數(shù)子元素,它們都可以用在:nth-child偽類選擇器中。
在上面的代碼中,我們選擇了p元素中的奇數(shù)和偶數(shù)子元素,它們分別被設(shè)置為紅色和綠色的背景色。這樣我們就可以輕松地實(shí)現(xiàn)讓奇數(shù)和偶數(shù)元素產(chǎn)生不同的顏色效果。
上一篇css 控制大小寫