日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

CSS3提供了眾多新特性，其中之一就是可以通過偽類來選擇表格中的奇偶行。在CSS中使用nth-child()或者nth-of-type()這兩個偽類即可輕松地實現(xiàn)選取偶數(shù)行。

當我們需要讓表格的某些行有不同的樣式時，通常會使用CSS來完成這項工作。而如果只想對表格中的每隔一行進行樣式設(shè)置，則可以使用:nth-child(even)或者:nth-of-type(even)這兩個偽類。

企業(yè)建站必須是能夠以充分展現(xiàn)企業(yè)形象為主要目的，是企業(yè)文化與產(chǎn)品對外擴展宣傳的重要窗口，一個合格的網(wǎng)站不僅僅能為公司帶來巨大的互聯(lián)網(wǎng)上的收集和信息發(fā)布平臺，成都創(chuàng)新互聯(lián)面向各種領(lǐng)域：成都宴會酒店設(shè)計等網(wǎng)站設(shè)計、營銷型網(wǎng)站解決方案、網(wǎng)站設(shè)計等建站排名服務。

## :nth-child()

:nth-child(n) 會匹配所有父元素下第n個子元素，并且不區(qū)分該子元素類型。在一個ul列表中，:nth-child(2)可以匹配到li、p、span等任何標簽類型的第二個子元素。

那么如何利用:nth-child()來選取偶數(shù)行呢？我們只需將n替換為2n即可：

```

tr:nth-child(even){ /* 偶數(shù) */

background-color: #f5f5f5;

}

tr:nth-child(odd){ /* 奇數(shù) */

background-color: #fff;

上述代碼表示：將背景顏色設(shè)置為#f5f5f5（淺灰色）的是表格中第2、4、6……等編號為偶數(shù)（even）的標簽；而將背景顏色設(shè)置為#fff（白色）的則是表格中第1、3、5……等編號為奇數(shù)（odd）的標簽。

## :nth-of-type()

與:nth-child()類似，:nth-of-type(n)也會匹配所有父元素下第n個子元素。但不同之處在于，在一個ul列表中，:nth-of-type(2)只會匹配到li標簽類型的第二個子元素，而不會匹配到p或span等其他標簽類型。

在選取偶數(shù)行時使用:nth-of-type()可能更加準確：

tr:nth-of-type(even){ /* 偶數(shù) */

tr:nth-of-type(odd){ /* 奇數(shù) */

上述代碼與前面所示效果完全一樣。這里僅僅是通過換用了另外一個偽類實現(xiàn)了相同的功能。

## 總結(jié)

以上就是使用CSS3來選擇表格偶數(shù)行的方法。如果需要選取奇數(shù)行，則只需將“even”改成“odd”即可。

分享題目：CSS3怎樣實現(xiàn)選擇表格的偶數(shù)行
網(wǎng)站地址：http://www.dlmjj.cn/article/djojgjc.html