html - :not all of child element use css?

Question

我有一些选择器的子元素，我想为除此选择器之外的所有元素设置属性。我使用这段代码:

*:not(#element):not(#element *) {
  font-size: 14px;
}

<div id="element">
  <p>Something</p>
</div>
<p>font size is 14px</p>

但它不起作用。

如果我使用 *:not(#element) 它有效，但如果我使用 *:not(#element *) 它无效。

Answer 1

你可以简单地反转你的选择器并指定 #element 和 #element * 有一些不同的字体:

* {
  font-size: 14px;
}

#element,
#element * {
  font-size: 25px;
}

<div id="element">
  <p>Something</p>
</div>
<p>font size is 14px</p>