日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

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

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

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

## :nth-child()

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

那么如何利用: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）的標(biāo)簽；而將背景顏色設(shè)置為#fff（白色）的則是表格中第1、3、5……等編號為奇數(shù)（odd）的標(biāo)簽。

## :nth-of-type()

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

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

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

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

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

## 總結(jié)

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

文章標(biāo)題：CSS3怎樣實(shí)現(xiàn)選擇表格的偶數(shù)行
鏈接分享：http://www.5511xx.com/article/djojgjc.html