html - 是否可以选择没有特定类型子元素的元素？

Question

我正在尝试选择 <a>不是 <img> 的父元素的元素元素。 (注意:如果相关，我想选择的一些 anchor 是没有 child 的。)我试过这个:

a > :not(img) {}

还有这个:

a:not(> img) {}

但它们似乎都不起作用。我将如何在 CSS 中完成此操作？

Answer 1

有一个spec ，目前在草案中，用于 :has() 伪类。目前还没有浏览器支持它。如果有一天该规范获得批准和实现，您将能够这样做:

a:not(:has(img)) {
    // Styles
}

MDN page说 :has 永远不会在样式表中工作，只能在 JavaScript 中工作；但话虽如此，它链接到规范中关于显然不再存在的“动态选择器配置文件”的部分。

我认为浏览器供应商通常在实现 CSS 功能时遇到问题，这些功能需要了解仅在创建所选元素后才存在的 DOM，因此我不知道我们是否应该对此抱有希望。关注邮件列表或通常比我聪明的人可能会提供更好的预后。