【问题标题】:Foundation: how to change h2 font-size?基金会:如何更改 h2 字体大小?
【发布时间】:2018-02-25 22:52:11
【问题描述】:

在我们的 WordPress 博客上,样式似乎继承自 foundation.css 文件。

特别是标题的字体大小,我们想更改它。

例如on this page,当我们检查元素时,似乎h2 的字体大小是在foundation.css 中定义的line 2813

因此,我们在foundation.css 文件的这一行更改了h2 的大小,但我们仍然得到相同的结果。

它似乎覆盖了我们的更改。

更改标题字体大小的正确方法是什么?

【问题讨论】:

  • 尝试添加 !important;如果它有效,那是因为另一个 css 覆盖了它。字体大小:30px !important;
  • 这似乎解决了我们的问题。是否要将其添加为答案以便我接受?

标签: css wordpress zurb-foundation font-size html-heading


【解决方案1】:

如果你改变了大小并且它在你的 css 中不起作用,

您可以在行尾添加!important; 参数。例如:

h2 { font-size: 30px !important; }

如果您想知道如何使用它,请read this。如果没有必要,不要滥用!important!!

最好的问候,

【讨论】:

    【解决方案2】:

    刷新页面以查看对foundation.css的更改时,请务必刷新缓存。您的浏览器可能正在缓存以前版本的foundation.css,并且您的更改在呈现时被忽略(但外部用户可能会看到它们)。

    在 Chrome 中尝试 shift-cmd-R,或者打开 JS 控制台,刷新按钮上会出现一个下拉菜单(在 Chrome 中)。

    【讨论】:

    • 感谢这个技巧(和快捷方式)。但这可能不是问题的原因,因为我们在不同的设备上工作并处于开发者模式。
    猜你喜欢
    • 2020-05-19
    • 1970-01-01
    • 1970-01-01
    • 2019-02-19
    • 2011-09-24
    • 2015-12-09
    • 2012-10-27
    • 2015-02-05
    • 1970-01-01
    相关资源
    最近更新 更多