设置除<h1> <h2>等所有文本的字体大小

Question

我正在将CSS应用到我的页面框中,该框可能包含<div> <table> <p>其他元素,而且只是纯文本.

我希望所有文本都是相同的字体大小,标签中的文本除外 <h1> <h2> <h3>

使用objectid"mybox"我的简单CSS字体修饰符是

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

问题是,这也为任何<h2>元素设置字体等等.我可以为我的<h2>元素添加一个类,另一个选择器再次覆盖字体大小,但感觉非常倒退.

有什么好办法照顾这个？

我找到了适用于类的not()选择器,但我找不到一个html元素,比如<h2>将它们从我的"全局"字体修饰符中排除.

Answer 1

将: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