Bud*_*dda 1 html css html5 html-table
是否有任何关于此问题的更改自HTML5进入以来有条件的替代表格行样式?
这是原始问题的副本:
是否可以设置备用表行的样式而不在备用标记上定义类?
使用下表,CSS可以定义备用行样式而不必为备用行提供类"row1/row2"吗?row1可以是默认值,因此row2是个问题.
<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>
Run Code Online (Sandbox Code Playgroud)
CSS3支持tr标签上的"nth-child"属性.像下面这样的东西应该工作:
tr:nth-child(odd) { background-color: white; }
tr:nth-child(even) { background-color: green; }
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
2348 次 |
| 最近记录: |