xxsr.net
当前位置:首页 >> Css的奇数偶数 >>

Css的奇数偶数

步骤如下:ul li:nth-child(2n);ul li:nth-child(2n+1) CSS部分: .list {width:500px;margin:0 auto;} .list ul {background:url(http://www.bluebirdsky.cn/images/upfiles/row_bg.gif);} .list li {height:25px;line-height:25px;text-align:...

tr:nth-child(even) {background: #CCC} tr:nth-child(odd) {background: #FFF} 要是兼容的话,可以分别定义偶数行样式和奇数行样式;

jQuery中设置html的外部样式表的奇偶行交替色类似: 设置偶数行的背景色:$("table tr:nth-child(even)").css("background-color","#FFE4C4"); 设置奇数行的背景色:$("table tr:nth-child(odd)").css("background-color","#F0F0F0"); 可以使用css...

javascript practice table{width:300px;} caption{background:#DCA;} th{background:#FCA;width:50%;} td{text-align:center;} $(document).ready(function(){ odd= {"background":"#EDA","color":"#3F5"};//奇数样式 even={"background":"#2D...

li:nth-of-type(odd) {......} /*--这是奇数行--*/li:nth-of-type(even) {......} /*--这是偶数行--*/

div:nth-child(odd) //奇数个divdiv:nth-child(even) //偶数个div

odd even odd even odd even odd even odd even$odd: red;$even: blue;.list { li { &:nth-child(odd) { background-color: $odd; } &:nth-child(even) { background-color: $even; } }}

CSS3可以直接选择奇偶数,, #list li:nth-of-type(odd){ background:#00ccff;}奇数行 #list li:nth-of-type(even){ background:#ffcc00;}偶数行 123456如果不想用CSS3,怕有些低版本不支持的话,你只能用JS或者JQ来做, 同理,JQ取行数的奇偶,...

window.onload=function showtable(){ var tablename=document.getElementById("table"); var li=tablename.getElementsByTagName("tr"); for (var i=0;i

网站首页 | 网站地图
All rights reserved Powered by www.xxsr.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com