CSS中,我們可以使用n關(guān)鍵字來指定元素的倍數(shù),其中n可以是任意整數(shù)。這個功能非常實用,特別是在li元素中,我們可以按照倍數(shù)來改變樣式。
li:nth-child(3n) { background-color: red; color: white; }
上面的代碼表示,每3個li元素,第3個元素的背景色和字體顏色將會改變。我們可以通過修改3n的值來調(diào)整樣式的變化頻率。比如如果需要每4個元素改變一次樣式,可以將代碼修改為:
li:nth-child(4n) { background-color: blue; color: white; }
除此之外,我們還可以使用nth-child(odd)和nth-child(even)來選擇奇數(shù)或者偶數(shù)元素,例如:
li:nth-child(odd) { background-color: green; color: white; } li:nth-child(even) { background-color: yellow; color: black; }
上面的代碼中,奇數(shù)個li元素的背景色將變?yōu)榫G色,偶數(shù)個li元素的背景色將變?yōu)辄S色。這種方式可以幫助我們快速地交替改變樣式。
上一篇css li原點顏色
下一篇css li橫向排列間距