css - 可以选择父级以使用没有子元素的 `:not()` 运算符吗？

Question

我正在尝试通过使用:not()运算符仅应用颜色父级别。但没有结果。可能吗？

html:

<header>title <span>123</span></header>

CSS：

header:not(header span){
  color: green;
}

<header>title <span>123</span></header>

header:not(header span){
  color: green;
}

标签： csscss-selectors

Answer 1

我将使用两个 css 规则，一个专门针对 span 以取消设置color: green标题 css 规则应用的规则。

header {
  color: green;
}

header span {
  color: initial;
}

<header>title <span>123</span></header>