【问题标题】:CSS all: revert still results in extension inheriting page styles?CSS all:revert 仍然会导致扩展继承页面样式?
【发布时间】:2018-07-23 18:12:21
【问题描述】:

我了解 (ref 1;ref 2) CSS 的 all 属性在设置为 revert 时,在作者样式表的情况下,会将其与从其他作者样式表的继承隔离开来。

换句话说,受此属性/值保护的元素将被提供当前样式表中的样式,并且只有用户代理提供的初始默认样式。

According to MDN,当revert 用于作者样式表时

将级联回滚到用户级别,以便 指定值的计算就像没有作者级别的规则一样 为元素指定。

然而,这对我来说似乎并非如此。我有一个将元素注入页面的 Chrome 扩展程序,我想保护它不继承网页的样式。

CSS:

#guideo-tools, #guideo-tools * { all: revert; }

但是,在图片中显示的网站上,它继承了按钮上的框阴影。

我误解了all吗?

【问题讨论】:

    标签: css google-chrome-extension


    【解决方案1】:

    您没有误解,但 all 属性的 revert 值目前广泛不受支持。

    From the Mozilla Developer page on revert:

    如果我在 Chrome 中查看他们的示例小提琴,我也可以看到这一点。

    【讨论】:

    • 有趣 - 我刚刚发现最新的 Chrome 几乎支持所有内容:-P
    猜你喜欢
    • 1970-01-01
    • 2013-06-23
    • 2018-12-03
    • 2015-08-19
    • 2017-10-19
    • 2021-07-13
    • 1970-01-01
    • 2011-04-06
    • 2013-04-25
    相关资源
    最近更新 更多