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

问题描述

我想为 a 标签内的 code 元素设置样式.

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 方法吗?

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 */
}