国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片

css選擇器怎么選擇偶數(shù)行,CSS選擇器選擇偶數(shù)行

前端小編 5 0

在CSS中,我們可以使用各種選擇器來選擇頁面中的元素,對于選擇偶數(shù)行,CSS并沒有直接提供這樣的功能,不過,我們可以通過一些技巧來實(shí)現(xiàn)這個目標(biāo)。

我們可以給每一行元素添加一個***的類名,

<div class="row">內(nèi)容1</div>
<div class="row">內(nèi)容2</div>
<div class="row">內(nèi)容3</div>
<div class="row">內(nèi)容4</div>

我們可以使用CSS的偽類選擇器來區(qū)分奇數(shù)和偶數(shù)行,我們可以使用:nth-child(even)來選擇偶數(shù)行:

.row:nth-child(even) {
    background-color: #f2f2f2;
}

這樣,偶數(shù)行的背景色就會變?yōu)?code>#f2f2f2。

我們還可以使用JavaScript來動態(tài)地給偶數(shù)行添加類名,

var rows = document.getElementsByClassName('row');
for (var i = 0; i < rows.length; i++) {
    if (i % 2 === 1) {
        rows[i].classList.add('odd-row');
    } else {
        rows[i].classList.add('even-row');
    }
}

這樣,奇數(shù)行就會添加odd-row類名,偶數(shù)行就會添加even-row類名,我們就可以使用CSS來分別設(shè)置奇數(shù)和偶數(shù)行的樣式了。

.odd-row {
    background-color: #f9f9f9;
}
.even-row {
    background-color: #f2f2f2;
}

這樣,奇數(shù)和偶數(shù)行的背景色就會分別變?yōu)?code>#f9f9f9和#f2f2f2了。

 
QQ在線咨詢
QQ咨詢
627619058
微信咨詢
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
国产午夜精品免费一区二区三区视频 | 中文字幕精品无码亚洲字幕蜜芽 | 亚洲 小说区 图片区 都市| 欧美国产日韩一区| 爆乳熟妇一区二区三区霸乳| 卡一卡二卡三在线| 91亚洲精品久久久蜜桃网站 | 国产精品毛片一区二区三区 | 日日夜夜av| 成人久久18免费网站麻豆| 国产成视频在线观看| 漂亮人妻被强了中文字幕久久 | 丁香花在线电影电视剧| 国产精品一区二区女厕厕 | 久久噜噜噜精品国产亚洲综合| 99国产精品久久久久久久成人热| 农村少妇久久久久久久| 被30厘米黑人巨大高潮| 白丝玉足娇喘抽搐喷潮AV网站| 日韩极品在线观看| 在线看日本| 中文字幕高清在线播放| 亚洲做受高潮videos| 日韩人妻无码精品一区二区三区电影| 人人妻人人爽人人澡欧美二区| 男女做爰猛烈动高潮小说软件| 国产91精品久久久久久久久久久久| 欧美日韩视频免费在线观看 | 国产无遮挡免费观看美女被靠视频 | 欧美激情一二三区| 人妻啊啊啊| 精产嫩模国品一二三区| 国产SUV精品一区| 9区中文字幕在线| 久久精品国产三级| 亚洲小说另类| 美女又爽孕妇孕交| 午夜国产精品无套| 国精产品一区一区三区免费完| 日本丰满熟妇hd| 男人揉女人摸下面视频免费|