css - 我们可以在不添加任何类的情况下在 css 中设置一列 tds 的样式吗？

Question

在这里，我想为星期日列添加背景颜色，而不向其添加 css 类。不加css类和内联样式能不能实现呢？这是一个示例 Fiddle

/----------------HTML----------------/

<table>
<tr>
    <td>Sun</td>
    <td>Mon</td>
    <td>Tue</td>
    <td>Wed</td>
    <td>Thurs</td>
    <td>Fri</td>
    <td>Sat</td>
</tr>
    <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
    <td>6</td>
    <td>7</td>
</tr>
      <tr>
    <td>8</td>
    <td>9</td>
    <td>10</td>
    <td>11</td>
    <td>12</td>
    <td>13</td>
    <td>14</td>
</tr>

</table>

/----------------CSS----------------/

table{
border:1px solid #ccc;
border-collapse:collapse;
padding:5px;
}
table td{
background:#f6f6f6;
padding:3px;
border:1px solid #ccc;
}

Answer 1

是的，你可以:

td:first-of-type 将选择第一个 td，即所有行的第一个单元格。

table tr td:first-of-type{//your code}

Updated fiddle here.