正文
奇数css样式,css 奇数
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
css如何选中奇数行
odd代表奇数，even是偶数。
假设您的选择器是li的话，那么写法如下:
li:nth-child(odd) {
color: blue
}
这样您奇数行的li标签文字颜色就是蓝色的了。
相关问答
Q1: 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"); //设置奇数行的背景色
Q2: 用三目运算符判断li为偶数的时候css样式为li1，li为基数的时候css样式为li2 格式怎么写呢？？
你使用jquery为啥还要这样做三目运算符呢？jquery选择器可以直接选出奇数和偶数呀！
例如
$("ul li:even").addCass("li2") 所有偶数 li 元素添加li2类名
$("ul li:odd").addCass("li1") 所有奇数li 元素添加li1类名
Q3: css有办法选中奇数或者偶数的元素么
1、首先打开Vscode编辑器，新建一个HTML文档，用于承载表格和CSS。
2、然后新建一个5行3列的table表格备用。
3、接着定义一个内联样式，设置table表格的偶数行even背景色为浅灰色，奇数行odd的背景色为蓝色。
4、保存以上内容，在浏览器预览效果，就能看到奇数行景色为蓝色，偶数行背景色为浅灰色的效果了。
Q4: 求一段CSS样式代码；要求是Table的标签样式，实现Table标签奇数行显示一个颜色；偶数行显示另外一种颜色
看例子
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" ""
html xmlns="" xml:lang="en"
head
meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /
title/title
/head
body
script src=""/script
script type="text/javascript"
$(function(){
$('tr:odd').css('background','red');
$('tr:even').css('background','blue');
})
/script
table
tr
td我是一行代码/td
/tr
tr
td我是一行代码/td
/tr
tr
td我是一行代码/td
/tr
tr
td我是一行代码/td
/tr
tr
td我是一行代码/td
/tr
tr
td我是一行代码/td
/tr
tr
td我是一行代码/td
/tr
tr
td我是一行代码/td
/tr
/table
/body
/html
Q5: 如何使用css属性nth
1.1、nth-child(n) 父元素下的第n个子元素，n必须大于0，索引都是从1开始。
div
p多云转晴/p
p多云转晴/p
p多云转晴/p
p多云转晴/p
p多云转晴/p
/div
div p:nth-child(2){
background: skyblue;
}
1.2、nth-child(odd) 父元素下的奇数子元素 等同于 nth-child(2n-1)
div p:nth-child(odd){
background: skyblue;
}
1.3、nth-child(even) 父元素下的偶数子元素 同样区分子元素类型 等同于nth-child(2n)
div p:nth-child(even){
background: skyblue;
}
二、nth-of-type 匹配属于父元素的特定类型的第 N 个子元素的每个元素 忽略不是该类型的元素的存在
div
h3天气/h3
p多云转晴/p
p多云转晴/p
p多云转晴/p
p多云转晴/p
p多云转晴/p/div
div p:nth-of-type(1){
background: skyblue;
}
文章来源于网络，望采纳
