CSS Selector用于选择第一个和第二个表格单元格

Question

有人可以帮助我找出我需要在我的两个列表上全局更改列宽度的选择器吗？

使用它,当然会选择所有细胞:

table td {
    width: 50px;
}

我想要的是这个:

<table>
    <tr>
        <td style="width: 50px">data in first column</td>
        <td style="width: 180px">data in second column</td>
    </tr>
    <tr>
        <td style="width: 50px">more data in first column</td>
        <td style="width: 180px">more data in second column</td>
    </tr>
</table>

我想将宽度规范放在样式表中,而不是为每个标记隐式键入宽度.什么CSS选择器可以让我设置50px宽度和180px适当？

Answer 1

是的.

td:first-child{
   width:50px;
}

td:nth-child(2){
   width: 180px;
}

或者,正如Brainslav编辑所建议的那样:

td:nth-child(1) {
      width: 50px;}
td:nth-child(2) {
      width: 180px;}

链接