CSS基础篇--CSS中table tr:nth-child(even)改变tr背景颜色： IE7,

ermaoL 发布于2019-08-28 18:17 / 2751人阅读

摘要：方法一例如无效，无法识别。换一种方法给需要变色的加上方法三实现在网上看了看还有第四种方法但是实践的时候发现第四种完全没有反应，如果你实践了有效果，请说说其中的原因吧。第四种方法参考地址如果您觉得本文对您的学习有所帮助，请多支持与鼓励。

方法一：
例如：

.my_table tr:nth-child(even){
background:#E6EDF5;
}

.my_table tr:nth-child(odd){
background:#F0F5FA;
}

IE7,8无效，无法识别。

换一种方法：
给需要变色的tr加上class

.table_border table tr.even{background: #f8f8fb;}

方法三：jquery实现

$(".nav ul li div a:nth-child(even)").css({"background":"red"});
$(".nav ul li div a:nth-child(odd)").css({"background":"grey"});

在网上看了看还有第四种方法：

tr {background-color:expression((this.sectionRowIndex%2==0)?"red":"blue")}
td {background-color:expression((this.cellIndex%2==0)?"":((this.parentElement.sectionRowIndex%2==0)?"green":"yellow"))}

但是实践的时候发现第四种完全没有反应，如果你实践了有效果，请说说其中的原因吧。

第四种方法参考地址：

http://www.cnblogs.com/xiaofe...

如果您觉得本文对您的学习有所帮助，请多支持与鼓励。

云服务器 GPU云服务器改变背景颜色 html改变css css颜色颜色css

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/111142.html

重拾css(6)——选择器

摘要：选择器的扩展选择器本来是的一种规则，用于为选择节点的。但是聪明的人类还是通过选择器创造出了其他领域非常伟大的作品。被推广流行的根本原因就是它的基于选择器的。前文示图中展示了浏览器的渲染过程，那么css与html是如何结合的呢？答案是——选择器！ 1.选择器可分为两大类：标签选择器（*是特殊的标签），可单标签，也可上下文多标签；属性选择器（id和class本质上也是属性）。 ...

vincent_xyb 2019-08-29 12:45 评论0 收藏0
jQuery的其他常用知识点

摘要：获取匹配的第一个元素相对于其最近的具有定位即不是的父元素的位置返回不能设置。但是这两种方法的缺点是要绑定的元素必须存在文档中。支持对动态创建的元素有效。解绑所有代理的事件，而元素本身的事件不会被解绑。触发事件响应方法，不触发浏览器行为。选择器 :visible 和 :hidden 匹配显示和隐藏的元素（css-display），需要指明元素或类，因为head、script等元素也是...

tomorrowwu 2019-08-29 17:02 评论0 收藏0
jQuery的其他常用知识点

摘要：获取匹配的第一个元素相对于其最近的具有定位即不是的父元素的位置返回不能设置。但是这两种方法的缺点是要绑定的元素必须存在文档中。支持对动态创建的元素有效。解绑所有代理的事件，而元素本身的事件不会被解绑。触发事件响应方法，不触发浏览器行为。选择器 :visible 和 :hidden 匹配显示和隐藏的元素（css-display），需要指明元素或类，因为head、script等元素也是...

yeooo 2019-08-23 12:27 评论0 收藏0
CSS 黑魔法小技巧，让你少写不必要的JS，代码更优雅

摘要：利用用和来做表单即时校验需求让表单检验变得简单优雅，不需要写冗长的代码来校验设置样式丰富了表单元素，提供了类似等表单元素属性。不知细叶谁裁出，二月春风似剪刀。首先，你需要先了解一下渐变的使用技巧。之前不久，由于自己平时涉猎还算广泛，总结了一篇博客：这些JavaScript编程黑科技，装逼指南，高逼格代码，让你惊叹不已，没想到受到了大家的欢迎，有人希望能博主还能整理个 CSS 的一些黑...

Berwin 2019-08-01 17:42 评论0 收藏0