CSS中的奇偶屬性是一種針對于選擇器的特殊屬性,主要應(yīng)用于表格、列表等具有重復(fù)結(jié)構(gòu)的元素中。奇偶屬性可以選擇所有序號為奇數(shù)或偶數(shù)的元素,具體用法如下:
/*選擇所有序號為偶數(shù)的元素*/ tr:nth-child(even){ background-color:#F2F2F2; } /*選擇所有序號為奇數(shù)的元素*/ tr:nth-child(odd){ background-color:#FFF; }
上述代碼中,我們針對table中的tr元素設(shè)置了背景色,在這里使用了nth-child選擇器來選擇相應(yīng)的序號元素。其中,even表示偶數(shù),odd表示奇數(shù),具體使用時還可以使用正整數(shù)或公式來表示需要選擇的序號,如:
/*選擇序號為2n+1的元素*/ li:nth-child(2n+1){ color:red; } /*選擇序號為3n的元素*/ li:nth-child(3n){ font-weight:bold; }
通過奇偶屬性,我們可以輕松地對元素進(jìn)行分組選擇,從而達(dá)到一定的樣式設(shè)置效果。但需要注意的是,在使用奇偶屬性時,我們需要確保元素的序號是從1開始的,否則在選擇時可能會產(chǎn)生意想不到的結(jié)果。