Css HTML5中的条件替代表行样式
自从HTML5问世以来,这个问题有什么变化吗 这是原始问题的副本: 是否可以在不在备用标记上定义类的情况下设置备用表行的样式 在下表中,CSS是否可以定义替代行样式,而不必为替代行指定row1/row2类?第1行可以是默认行,因此第2行是问题所在Css HTML5中的条件替代表行样式,css,html,html-table,Css,Html,Html Table,自从HTML5问世以来,这个问题有什么变化吗 这是原始问题的副本: 是否可以在不在备用标记上定义类的情况下设置备用表行的样式 在下表中,CSS是否可以定义替代行样式,而不必为替代行指定row1/row2类?第1行可以是默认行,因此第2行是问题所在 <style> .altTable td { } .altTable .row2 td { background-color: #EEE; } </style> <table class="altTa
<style>
.altTable td { }
.altTable .row2 td { background-color: #EEE; }
</style>
<table class="altTable">
<thead><tr><td></td></tr></thead>
<tbody>
<tr><td></td></tr>
<tr class="row2"><td></td></tr>
<tr><td></td></tr>
<tr class="row2"><td></td></tr>
</tbody>
</table>
CSS3支持tr标记上的第n个子属性。类似于以下的方法应该可以工作:
tr:nth-child(odd) { background-color: white; }
tr:nth-child(even) { background-color: green; }
CSS3支持tr标记上的第n个子属性。类似于以下的方法应该可以工作:
tr:nth-child(odd) { background-color: white; }
tr:nth-child(even) { background-color: green; }
雅各布R对您的原始帖子仍然适用。雅各布R对您的原始帖子仍然适用。但作者告诉:在IE中不起作用。。?你是说它还可以吗?很遗憾,它在IE中仍然不起作用。对于IE,您必须继续使用交替类或使用JS添加条带化。但作者告诉:在IE中不工作。。?你是说它还可以吗?很遗憾,它在IE中仍然不起作用。对于IE,您必须继续使用交替类或使用JS添加条带。谢谢。很高兴知道,谢谢。很高兴知道。