CSS選擇器-even(偶數選擇器)是CSS3中新增的一個選擇器,用于選擇元素中的偶數項。它能夠非常方便地讓我們對大量元素進行樣式控制,例如:針對奇偶行設置不同的背景顏色。
/* 選擇偶數行 */ tr:nth-child(even) { background-color: #f2f2f2; } /* 選擇偶數元素 */ li:nth-of-type(even) { color: red; }
以上代碼中,我們使用了兩種常見的選擇器:nth-child和nth-of-type。兩者的區別在于前者選擇的是在父元素中是第幾個子元素(不管是什么類型的元素),而后者選擇的是在父元素中是第幾個該類型的子元素。
通過上面的代碼,我們可以輕松地控制頁面中偶數行的樣式,或是偶數個特定類型元素的樣式。CSS選擇器-even具有非常強大的控制元素的能力,可以幫助我們實現復雜頁面效果。