CSS - 根据第一个 child 修改 parent

Question

给定第一个子元素，CSS 中是否有修改父元素的方法？

在我的例子中，如果第一个 child 是一个链接，这将以不同的方式格式化表格单元格。

<td>Hello</td>
<td><a href="go.html">Go here!</a></td>

<style>
td { padding: 5px; } /* Normal cell */
?? { padding: 0px; } /* Cell with link as first child */
</style>

Answer 1

不，但你可以想出不同的方法并做类似的事情:

td { padding: 5px; } /* Normal cell */
td a { margin: -5px; } /* Cell with link as first child */

当然，还有许多其他方法可以做到这一点。

CSS4 应该提供一个 :has 伪类，它可以完全满足您的需求，但我们需要等待。