我正在将 CSS 应用到页面的一个框中，其中可能包含<div> <table> <p>和其他元素，并且只是纯文本。

我希望所有文本都具有相同的字体大小，但标签内的文本除外，例如<h1> <h2> <h3>

使用 objectid“mybox”，我的简单 CSS 字体修饰符是

.mybox * {
font-size: 13px;
}

问题是这也设置了任何字体<h2>元素等。 我可以向我的课程添加一个课程<h2>元素和另一个选择器来再次覆盖字体大小，但这感觉非常落后。

有什么好的方法可以解决这个问题吗？

我找到了适用于类的 not() 选择器，但我找不到适用于 html 元素的选择器，例如<h2>将它们从我的“全局”字体修饰符中排除。

Use the :not https://developer.mozilla.org/en/docs/Web/CSS/:not选择器与那些“不想要的”要素：

.mybox *:not(h1):not(h2):not(h3) {
  font-size: 13px;
}

<div class="mybox">
  <h1>foo</h1>
  <h2>bar</h2>
  <h3>Hans</h3>
  <label>Gruber</label>
  <p>Goku</p>
  <div>Yoda</div>
</div>

JSFiddle https://jsfiddle.net/xvnkoe57/