我正在尝试选择 <a>
不是 <img>
的父元素的元素元素。 (注意:如果相关,我想选择的一些 anchor 是没有 child 的。)我试过这个:
a > :not(img) {}
还有这个:
a:not(> img) {}
但它们似乎都不起作用。我将如何在 CSS 中完成此操作?
最佳答案
有一个spec ,目前在草案中,用于 :has()
伪类。目前还没有浏览器支持它。如果有一天该规范获得批准和实现,您将能够这样做:
a:not(:has(img)) {
// Styles
}
MDN page说 :has
永远不会在样式表中工作,只能在 JavaScript 中工作;但话虽如此,它链接到规范中关于显然不再存在的“动态选择器配置文件”的部分。
我认为浏览器供应商通常在实现 CSS 功能时遇到问题,这些功能需要了解仅在创建所选元素后才存在的 DOM,因此我不知道我们是否应该对此抱有希望。关注邮件列表或通常比我聪明的人可能会提供更好的预后。
关于html - 是否可以选择没有特定类型子元素的元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49700262/