Question

假设我们在应用程序的所有位置都有表的通用css类。让我们考虑一下这种风格还有第一胎选择器。

tr td:first-child { ... }

我想将此类用于特定的表，但跳过所有的第一个子样式。

由于这是表格的通用样式类，我无法从中删除，也不想使用内联样式处理它。

由于

Answer 1

您可以更具体地针对该特定table，假设它具有您可以使用的类或ID：

tr td:first-child {
  color: red;
}
.test tr td:first-child {
  color: green;
}

<table>
  <tr>
    <td>First td</td>
    <td>Second td</td>
  </tr>
</table>

<table class="test">
  <tr>
    <td>First td</td>
    <td>Second td</td>
  </tr>
</table>

请原谅有限的加价，但你明白了。由于.test tr td:first-child {}类比泛型样式更具体，因此它会覆盖它，但仅适用于具有类table的{{1}}。

有关特定性的更多信息：https://www.smashingmagazine.com/2007/07/css-specificity-things-you-should-know/

跳过特定元素的第一个子选择器的样式

1 个答案: