Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 设置表格中交替行的样式_Css_Css Selectors - Fatal编程技术网

Css 设置表格中交替行的样式

Css 设置表格中交替行的样式,css,css-selectors,Css,Css Selectors,是否可以使用只考虑元素层次结构而不使用样式名称的样式选择器来设置html表中交替行的样式 我需要为服务器组件生成的html输出设置样式,并且输出不会为交替行设置样式。我可以编写javascript(或者干脆更改组件),但我很好奇是否可以在纯css中编写 谢谢 CSS 3中的康斯坦丁: tr:nth-child(odd) { background-color:#eee; } tr:nth-child(even) { background-color:#fff; } 在CSS 2中,您

是否可以使用只考虑元素层次结构而不使用样式名称的样式选择器来设置html表中交替行的样式

我需要为服务器组件生成的html输出设置样式,并且输出不会为交替行设置样式。我可以编写javascript(或者干脆更改组件),但我很好奇是否可以在纯css中编写

谢谢 CSS 3中的康斯坦丁:

tr:nth-child(odd)    { background-color:#eee; }
tr:nth-child(even)    { background-color:#fff; }
在CSS 2中,您必须在某些行上使用类,例如:

.even { background-color: #00000; }
在服务器端(或手头;-)或使用jQuery等工具生成行时,必须应用它们:

$(document).ready(function () {
    $("tr.nth-child(even)").addClass("even");
    //Or
    $("tr:even").addClass("even");
});

取决于生成itrelated的服务器组件的类型:@KennyTM:它需要在IE6中工作,所以我想没有javascript是不可能的,但我的问题是一般性的,所以我有兴趣学习如何在css2和css3中实现这一点。+1感谢您提出这个问题,这帮助了我!=)Now days update:如前所述,您可以在IE6-8上模拟CSS3选择器(您的CSS将与支持良好的版本和浏览器一起工作,不会被IE的技巧所污染)