CSS3 奇偶選擇器是一種選擇器,可以根據元素在文檔中的位置來選擇特定元素。奇偶選擇器有兩種:nth-child 和 nth-of-type。這兩種選擇器可以選擇元素的奇數或偶數位置,并且可以選擇特定的倍數位置。
/* 選擇第二個元素及其后每隔3個元素 */ p:nth-child(2n+1) { color: red; } /* 選擇第二個段落及其后每隔2個段落 */ p:nth-of-type(2n) { font-size: 1.5em; }
在上面的代碼示例中,第一個選擇器選擇了每個奇數位置的段落元素,并將文本顏色設置為紅色。第二個選擇器選擇了每個偶數位置的段落元素,并將字體大小設置為1.5em。
使用奇偶選擇器可以很容易地實現根據元素位置的樣式變化,提高頁面的可讀性和美觀度。