CSS3中的奇數(shù)偶數(shù)屬性是選擇器中很有用的一個(gè)特性。它允許您僅為某些特定元素應(yīng)用CSS屬性,以便更好地控制頁(yè)面元素的樣式。
假設(shè)您有一組列表元素,您想為其中的每個(gè)奇數(shù)元素應(yīng)用不同的背景色,而將偶數(shù)元素保持為默認(rèn)顏色。這個(gè)任務(wù)將會(huì)非常的繁瑣,但是,CSS3中的奇數(shù)偶數(shù)屬性可以用一個(gè)簡(jiǎn)短的代碼輕松實(shí)現(xiàn):
li:nth-child(odd) { background-color: #f2f2f2; } li:nth-child(even) { background-color: #ffffff; }
在這個(gè)代碼中,我們使用了“:nth-child”偽類(lèi)選擇器,我們使用了“even”和“odd”等關(guān)鍵字來(lái)選擇僅奇數(shù)或偶數(shù)位置的元素。如上述代碼將會(huì)使得其他所有的樣式都不變,只會(huì)在奇數(shù)和偶數(shù)的背景顏色上應(yīng)用不同的樣式。
總之,在設(shè)計(jì)理念相對(duì)復(fù)雜的網(wǎng)頁(yè)時(shí),奇數(shù)偶數(shù)屬性將會(huì)是我們的利器,能夠保證我們針對(duì)特定元素進(jìn)行快速針對(duì)性的調(diào)整。如果你使用的是一些較為舊的瀏覽器,你可能需要添加一些前綴以兼容這些舊瀏覽器。
上一篇php bingo框架
下一篇2017暴雪php