我有一个简单的表格布局,如下所示:
<table>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>5</td>
<td>6</td>
</tr>
</table>
以及以下CSS:
table td:nth-child(1),
table tr:nth-child(1) {
font-weight: bold;
}
第一列以粗体显示,但第一行保持为普通文本。我不想使用标题,因为Wordpress中的TinyMCE会以上述格式自动创建表,所以我宁愿坚持使用标题,而不必更改HTML。
顺便提一下,以下内容确实有效,因此我假设使用“tr:nth child(n)”没有问题
tbody tr:nth-child(odd) {
background: #eee;
}
非常感谢您的帮助。