我有一个包含2个<h3>
元素的div,通过设置父div的font-size
属性,我认为这会对我的头元素产生影响并对它们进行样式化(但它没有)。因此,我创建了下面的简单示例,并意识到将字体大小设置为父元素实际上是有效果的。(需要帮助理解CSS和字体大小是如何工作的.)
<div>
<h1>Title</h1>
<h2>Subtitle</h2>
<p>paragraph text goes here...</p>
</div>
<button>add css rule</button>
CSS:
div {
font-family:sans-serif;
}
jQuery:
$('button').on('click',function(){
$('div').css('font-size','2em');
});
发布于 2014-11-07 04:49:18
试一试,也许你就会明白发生了什么:
$('button').on('click',function(){
$('div h1, div h2, div p').css('font-size','2em');
});
并参考这个很好的答案(如果需要: ):
发布于 2014-11-07 05:02:19
在给定的情况下,在父元素上设置字体大小会影响标题的字体大小,因为标题被设置为2em
。根据定义,在font-size
属性值中,单元em
表示父元素的字体大小。
例如,如果以pt
或px
单元设置标题元素的字体大小,则不受父元素字体大小的任何更改的影响。
https://stackoverflow.com/questions/26801470
复制