html – 设置除etc之外的所有文本的字体大小

概述我正在将CSS应用到我的页面框中,该框可能包含< div> <表> < p为H.和其他元素,只是纯文本. 我希望所有文本都是相同的字体大小,标记中的文本除外,例如< h1> < H2> < H3> 使用objectid“mybox”我的简单CSS字体修饰符是 .mybox * {font-size: 13px;} 问题是,这也为任何< h2>设置了字体.元素等. 我可以在我的< h2>中添加一 我正在将CSS应用到我的页面框中,该框可能包含< div> <表> < p为H.和其他元素,只是纯文本.

我希望所有文本都是相同的字体大小,标记中的文本除外,例如< h1> < H2> < H3>

使用objectID“myBox”我的简单CSS字体修饰符是

.myBox * {Font-size: 13px;}

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

有什么好办法照顾这个？

我找到了适用于类的not()选择器,但是我找不到像 这样的HTML元素.从我的“全局”字体修饰符中排除它们. ;>

解决方法 将 :not选择器与那些“不需要的”元素一起使用：

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

<div >  <h1>foo</h1>  <h2>bar</h2>  <h3>Hans</h3>  <label>Gruber</label>  <p>Goku</p>  <div>Yoda</div></div>

JSFiddle

总结

以上是内存溢出为你收集整理的html – 设置除etc之外的所有文本的字体大小全部内容，希望文章能够帮你解决html – 设置除etc之外的所有文本的字体大小所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。