【问题标题】:Why does <ol> not inherit <html> font-size? [closed]为什么 <ol> 不继承 <html> 字体大小? [关闭]
【发布时间】:2015-08-07 01:52:15
【问题描述】:

在我的 CSS 文件中,我有:

html {
    font-size: 1.3em;
}

但是,在我的页面中,有一个 &lt;ol&gt; 元素,其生成的字体大小明显更小。

为什么&lt;ol&gt; 不继承&lt;html&gt;font-size

【问题讨论】:

  • 请创建一个小提琴。 olp 的默认字体大小相同:100%。
  • 正如其他人所指出的,它可能与默认样式有关。我建议您阅读更多有关 CSS 重置的信息 cssreset.com/what-is-a-css-reset

标签: html css html-lists font-size


【解决方案1】:

您是否尝试过使用通用选择器?像这样:

* {font-size: 1.3em;}

【讨论】:

    【解决方案2】:

    你可以试试这个

    html{
        font-size:1.3em;
    }
    ol{
        font-size: 100%;
    }
    

    https://jsfiddle.net/enomqof6/ 或者寻找一个reset.css 文件,它会覆盖默认的浏览器样式表。

    【讨论】:

      【解决方案3】:

      你可以这样做:

      html {font-size:1.3em !important} ;
      

      作为第二种方式,您可以通过 javascript 赋予样式

      【讨论】:

      • 对不起,不提供问题的答案。
      • 这将阻止更具体但不重要的规则应用于html 元素。对于继承字体大小或相对于其父元素设置字体大小的其他元素,它不会做任何事情。
      猜你喜欢
      • 2021-11-07
      • 2023-03-30
      • 1970-01-01
      • 2010-09-22
      • 2017-04-29
      • 1970-01-01
      • 1970-01-01
      • 2013-03-29
      • 1970-01-01
      相关资源
      最近更新 更多