将字体大小设置为div中的标头元素

Tgogos

我有一个div,其中包含2个<h3>元素,并且通过设置font-size父div属性,我认为这会对我的标头元素产生影响并对其进行样式化(但没有)。因此,我创建了以下简单示例,并意识到将font-size设置为父元素实际上是有效的。(需要帮助来了解CSS和字体大小是如何工作的...)

现场演示

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

试试这个,然后也许您会明白发生了什么:

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

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在Kivy中设置全局字体大小

来自分类Dev

使用后置变换将字体大小设置为与Swing中的容器成比例

来自分类Dev

在Itextpdf中设置字体大小

来自分类Dev

在CKEditor中设置字体大小和字体系列

来自分类Dev

在文本框中为不同的行设置不同的字体大小

来自分类Dev

将简单的HTML解析为NSAttributedString后,设置字体大小不起作用

来自分类Dev

CSS-字体大小占所含div(元素)的100%

来自分类Dev

将字体大小设置为UIActionSheet标题

来自分类Dev

cytoscape.js:将节点标签的字体大小设置为小于一

来自分类Dev

使用JavaScript将元素的字体大小设置为另一个元素的字体大小的倍数

来自分类Dev

为什么设置div类的字体大小不会设置p元素的字体大小?

来自分类Dev

将根元素字体大小设置为百分比时,在Chrome中使用rem导致textarea的字体大小超出预期

来自分类Dev

QtDesigner将字体大小设置为-1

来自分类Dev

如何更改QTableWidget标头的字体大小?

来自分类Dev

在Notepad ++中将字体大小设置为13

来自分类Dev

将字体大小设置为0会导致CGAffineTransformInvert:奇异矩阵错误

来自分类Dev

在正文和网页的html元素中设置字体大小有什么区别?

来自分类Dev

将简单的HTML解析为NSAttributedString后,设置字体大小不起作用

来自分类Dev

将字体大小设置为UIActionSheet标题

来自分类Dev

如何将字体大小设置为浏览器窗口的100%

来自分类Dev

Div在字体大小上的高度增加:嵌套链接中为0px

来自分类Dev

在TWebBrowser选择中设置字体大小

来自分类Dev

div中的动态字体大小

来自分类Dev

在行内元素中设置字体大小的间隙

来自分类Dev

一页中的元素并设置一种字体大小但显示方式不同?

来自分类Dev

如何在 JavaFX 中为文本节点的字体大小设置动画

来自分类Dev

更改div中的字体大小

来自分类Dev

rem 单位不影响 Chrome 中的 DIV - 最小字体大小设置的副作用

来自分类Dev

在形状中设置字体大小

Related 相关文章

  1. 1

    在Kivy中设置全局字体大小

  2. 2

    使用后置变换将字体大小设置为与Swing中的容器成比例

  3. 3

    在Itextpdf中设置字体大小

  4. 4

    在CKEditor中设置字体大小和字体系列

  5. 5

    在文本框中为不同的行设置不同的字体大小

  6. 6

    将简单的HTML解析为NSAttributedString后,设置字体大小不起作用

  7. 7

    CSS-字体大小占所含div(元素)的100%

  8. 8

    将字体大小设置为UIActionSheet标题

  9. 9

    cytoscape.js:将节点标签的字体大小设置为小于一

  10. 10

    使用JavaScript将元素的字体大小设置为另一个元素的字体大小的倍数

  11. 11

    为什么设置div类的字体大小不会设置p元素的字体大小?

  12. 12

    将根元素字体大小设置为百分比时,在Chrome中使用rem导致textarea的字体大小超出预期

  13. 13

    QtDesigner将字体大小设置为-1

  14. 14

    如何更改QTableWidget标头的字体大小?

  15. 15

    在Notepad ++中将字体大小设置为13

  16. 16

    将字体大小设置为0会导致CGAffineTransformInvert:奇异矩阵错误

  17. 17

    在正文和网页的html元素中设置字体大小有什么区别?

  18. 18

    将简单的HTML解析为NSAttributedString后,设置字体大小不起作用

  19. 19

    将字体大小设置为UIActionSheet标题

  20. 20

    如何将字体大小设置为浏览器窗口的100%

  21. 21

    Div在字体大小上的高度增加:嵌套链接中为0px

  22. 22

    在TWebBrowser选择中设置字体大小

  23. 23

    div中的动态字体大小

  24. 24

    在行内元素中设置字体大小的间隙

  25. 25

    一页中的元素并设置一种字体大小但显示方式不同?

  26. 26

    如何在 JavaFX 中为文本节点的字体大小设置动画

  27. 27

    更改div中的字体大小

  28. 28

    rem 单位不影响 Chrome 中的 DIV - 最小字体大小设置的副作用

  29. 29

    在形状中设置字体大小

热门标签

归档