不是元素类型的子元素的CSS选择器？ [英] CSS Selector for not a child of element type?

问题描述

我想制作 a 标签内的代码元素。

I want to style code elements that are not inside a tags.

这是最好的方法是什么？

What is the best approach to accomplish this?

code：not（a code）似乎根本不工作，至少在Chrome上，即使它似乎它应该

code:not(a code) doesn't seem to work at all, at least on Chrome, even though it seems like it should

我无法通过控制台工作。

I can't get it to work from the console either.

还有任何其他的css-only方法可以用于这个？

Are there any other css-only approaches I could use for this?

推荐答案

：not 不支持组合选择器。

如果我们谈论它的直接父项：

If we're talking about its direct parent:

:not(a) > code

否则没有办法在CSS中这样做。您必须覆盖它：

Otherwise there's no way to do this in CSS. You'll have to override it:

code {
    /* some styles */
}

a code {
    /* override previous styles */
}

这篇关于不是元素类型的子元素的CSS选择器？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！