font-weight
属性支持100到900范围内的数值,以及关键字值,例如normal
对应400和bold
对应700。
还有和lighter
值,分别使元素的字体加粗或变细一步。
是否有一种方法可以说“使用当前权重”? 也就是说,我不想使此元素的字体比周围文本更轻或更粗,我希望它保持相同。 就像这样,但假装span
元素实际上是一个strong
元素(因为语义):
span {
text-transform: uppercase;
}
header {
font-weight: bold;
}
<header>
<h1>Header</h1>
<p>This is a <span>header</span>.</p>
</header>
<footer>
<p>This is a <span>footer</span>.</p>
</footer>
我想使用strong元素,但不需要它默认的font-weight
样式。
很明显,font-weight:normal
不起作用,因为如上所述,normal
特指数字权重400。我尝试过font-weight:initial
,但效果与font-weight:normal
相同。
lighter
和bolder
关键字已经相对于当前的字重(从最近的祖先继承指定的字重,或者如果没有指定,则使用浏览器默认值)。 - Mike 'Pomax' Kamermans<p>
相同了,因为继承,那么...实际问题是什么? - Mike 'Pomax' Kamermans