：不是所有的子元素都使用css？

Question

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

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

但它没有用。

如果我使用*:not(#element)它可行，但如果我使用*:not(#element *)则不行。

Answer 1

您可以简单地反转选择器并指定#element和#element *有不同的字体：

＆＃13;

＆＃13;

* {
  font-size: 14px;
}

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;