css - 已知祖父父子模式时父的隐式 css 样式

Question

我在html和css中有这种情况：

css

.heading-border{ border-bottom:2px groove; }

html（为简洁而编辑）

 <tr class="heading-border">
  <th>Some Label</th>

是否有某种方法可以<tr>从 css而不是 javascript定位到这里，而不必显式定义类（换句话说，将此样式分配给任何<tr>包含 a的样式<th>？原因是这种情况存在于许多地方，我不希望必须在每个地方标记一个班级。

score 4 · Accepted Answer

目前这是不可能的，但我们可能会在 4 级选择器中使用它。将来，您将能够通过在其前面加上美元符号来显式声明选择器的主题：

$div p {
  /* div is the subject, not p */
}

上面符号的一个注意事项是它似乎仍然在空中。我读过报告说它会是这样?，其他人则认为它会是这样!。底线，看规格:)

score 1 · Accepted Answer

不幸的是，没有。不仅仅是 CSS。它不够聪明，不能像小孩子那样倒着工作。您只能嵌套一种方式。

2 回答 2