Question

我有一个内部有2个<h3>元素的div，并且通过设置父div的font-size属性，我认为这会对我的标题元素产生影响并将其风格化（但它没有＆＃ 39; T）。所以我创建了以下简单示例，并意识到将font-size设置为父元素实际上有效。（需要帮助理解CSS和font-size的实际工作方式......）

live demo

HTML ：

<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');
});

Answer 1

尝试这个，然后你可能会理解发生了什么：

$('button').on('click',function(){
    $('div h1, div h2, div p').css('font-size','2em');
});

并参考这个不错的答案（如果需要:)）：

https://stackoverflow.com/a/24153334/3603806

Answer 2

在给定的情况下，在父元素上设置字体大小会影响标题的字体大小，因为后者设置为2em。根据定义，在font-size属性值中，单位em表示父元素的字体大小。

例如，如果您以pt或px为单位设置标题元素的字体大小，它将不受父元素字体大小的任何更改的影响。

将font-size设置为div中的header元素

2 个答案: