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

Css的奇数偶数

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

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

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

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...

可以在样式里面给它写奇偶数的判断,比如循环一个 ul li 列表 要实现奇偶数样式不同 就用ul li:nth-child(odd)表示偶数;奇数用nth-child(even)表示。

没有错位,这是一种视觉错觉,你把图片放大几倍后就能发现,其实并没有错位! 建议奇偶行不要使用反差强烈的颜色作为背景色,应该选择相似色,或者深浅比较接近的颜色,就可以避免这种错觉产生。

$(function(){$('#img').hover(function(){$(this).attr('src','1440486485234596606.jpg');},function(){$(this).attr('src','11.png');});})div {border:1px solid #f00;width:100px;height:100px;}div:nth-child(odd){background:#f00;text-a...

可以使用css3的奇偶选择器,如: li:nth-child(odd){background-color:#FFE4C4;}li:nth-child(even){background-color:#F0F0F0;}li:nth-child(odd)是设置奇数行的背景色,li:nth-child(even)是设置偶数行的。但是css3不兼容IE9以下的浏览器,如...

奇数:$("tr:odd"); 偶数:$("tr:even");

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