CSS - 根据第一个孩子修改父级

Question

在给定第一个孩子的情况下，CSS中有没有办法修改父元素？

在我的情况下，如果第一个孩子是链接，这将是以不同方式格式化表格单元格。

<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伪类，它可以完全按照您的意愿行事，但我们需要等待它。