【问题标题】:why does setting h1 all: intial makes it 19px为什么设置 h1 all: intial 使它成为 19px
【发布时间】:2021-01-07 17:31:38
【问题描述】:

我想让我的网站的一部分以默认样式显示 html,基本上只为某些元素忽略所有其他 css 文件。

所以我尝试了所有:初始!重要;它给了我想要的输出,但是当使用 h1 标签时,输出文本的字体大小为 19px,应该是 32px,是我做错了什么还是浏览器错误?

编辑:当使用还原时,我得到磨损效果见:https://imgur.com/a/pEmJFpw 有关更多解释,请参阅我在此帖子下方的评论

【问题讨论】:

  • 你正在寻找revert不是初始:stackoverflow.com/q/58691846/8620333
  • 我在没有用之前尝试过,但是当再次尝试时,我发现它适用于某些选择类型,但并不像我使用 * 选择所有元素并设置颜色时一样例如红色,我只将一个恢复为按类选择器全部:revert !important;它在 Firefox 检查器中显示为交叉时不起作用,但是当使用 h1 作为红色的选择器并使用类选择器和 all 时默认使用:revert !important;我得到了想要的结果,这是为什么呢?这是示例的图像:link
  • 因为继承,* 也将选择 body 标签,h1 将继承该值,因为没有默认的浏览器颜色可以恢复
  • 谢谢我应该如何结束这个问题?我是stackoverflow的新手

标签: html css firefox frontend


【解决方案1】:

需要考虑使用revert

revert CSS 关键字将属性的级联值从其当前值恢复为如果当前样式源没有对当前元素进行任何更改,该属性将具有的值。因此,如果它从其父级继承或用户代理的样式表建立的默认值 ref

,它会将属性重置为其继承的值

initial 不会很好,因为它做了不同的事情

初始 CSS 关键字将属性的初始(或默认)值应用于元素。它可以应用于任何 CSS 属性。这包括 CSS 简写 all,使用它可以将所有 CSS 属性恢复到初始状态。

注意属性。所以initial不会考虑浏览器的默认CSS。

相关:What's the difference between `all: unset` and `all: revert'

【讨论】:

    猜你喜欢
    • 2013-10-06
    • 2020-11-14
    • 2019-02-04
    • 1970-01-01
    • 1970-01-01
    • 2021-06-29
    • 2020-02-14
    • 1970-01-01
    • 2016-09-11
    相关资源
    最近更新 更多