html - CSS 选择器选择第一个和第二个表格单元格

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;}

link