js 如何设置奇数行和偶数行的背景颜色?

使用jquery的伪类选择器，例如

创新互联公司主要从事成都网站设计、网站制作、网页设计、企业做网站、公司建网站等业务。立足成都服务东坡,十余年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220

$("选择器 :odd").css("background","#0f0");//奇数行

$("选择器 :even").css("background","#ff0");//偶数行

若是用原生js就要判断，例如

for(var i = 0; i 元素行数; i++){

if(i%2 == 0){

//奇数行代码

}else{

//偶数行代码

}

}

而且用css也可以添加奇偶数行的样式，例如元素为tr的奇偶设置

tr:nth-child(odd){background:#0f0;}

tr:nth-child(even){background:#ff0;}

nth-of-type伪类选择器也能实现此效果。

css有办法选中奇数或者偶数的元素么

1、首先打开Vscode编辑器，新建一个HTML文档，用于承载表格和CSS。

2、然后新建一个5行3列的table表格备用。

3、接着定义一个内联样式，设置table表格的偶数行even背景色为浅灰色，奇数行odd的背景色为蓝色。

4、保存以上内容，在浏览器预览效果，就能看到奇数行景色为蓝色，偶数行背景色为浅灰色的效果了。

css如何选中奇数行

odd代表奇数，even是偶数。

假设您的选择器是li的话，那么写法如下:

li:nth-child(odd) {

color: blue

}

这样您奇数行的li标签文字颜色就是蓝色的了。

css中设置html的外部样式表的奇偶行交替色类似

可以啊，用css3或者jq实现。

可以使用css3的奇偶选择器，如：

tr:nth-child(odd){background-color:#FFE4C4;}

tr:nth-child(even){background-color:#F0F0F0;}

li:nth-child(odd)是设置奇数行的背景色，li:nth-child(even)是设置偶数行的。但是css3不兼容IE9以下的浏览器，如果需要考虑到兼容问题的话，可以使用jq设置，如：

$("table  tr:nth-child(even)").css("background-color","#FFE4C4");    //设置偶数行的背景色

$("table  tr:nth-child(odd)").css("background-color","#F0F0F0");    //设置奇数行的背景色

本文标题：奇数样式css,奇数是什么样的
当前链接：http://pwwzsj.com/article/dsspjjh.html