2 css html-table css-selectors
是否可以将样式应用于列?例如,假设我希望第二列为红色(实际上它更复杂).下面/ 这个演示我给了第二列b类,但我不知道如何让每一行的第二列变红.我只知道如何设置标题样式
.b { color: red; }
<table>
<th>a</th>
<th class="b">b</th>
<th>a</th>
<tbody>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</tbody>
</table>
Run Code Online (Sandbox Code Playgroud)
使用nth-child选择器.
在你的情况下
table td:nth-child(2) { color: red }
Run Code Online (Sandbox Code Playgroud)