CSS Selector不是元素类型的子元素？

Question

我想设置code不在a标签内的元素.

实现这一目标的最佳方法是什么？

code:not(a code)似乎根本不起作用,至少在Chrome上,尽管看起来应该如此

我也无法从控制台上工作.

我可以使用其他任何css方法吗？

Answer 1

:not 不支持组合子选择器.

如果我们谈论其直接父母:

:not(a) > code

否则在CSS中无法做到这一点.你必须覆盖它:

code {
    /* some styles */
}

a code {
    /* override previous styles */
}

Answer 2

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

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

代码笔