CSS选择器不是元素类型的子元素？

yks3o0rb 于 2023-05-08 发布在其他

关注(0)|答案(3)|浏览(114)

我想为不在a标签内的code元素设置样式。
实现这一点的最佳方法是什么？
code:not(a code)似乎根本不起作用，至少在Chrome上是这样，尽管它是seems like it should。
我在控制台上也不能让它工作。
有没有其他css的方法可以使用呢？

3条答案

:not不支持组合选择器。
如果我们谈论的是它的直接父母：

:not(a) > code

否则，在CSS中没有办法做到这一点。你必须覆盖它：

code {
    /* some styles */
}

a code {
    /* override previous styles */
}

实际上，您应该能够使用您的代码🤔，或者您可以使用通配符来选择所有不被选择的元素

code:not(a *) {
  font-weight: bold;
}

我认为它在2023年已经生效。

h1:not(.original-style h1){
    /*This will applies for every h1 tag which was not in .original-style at any level*/
}