【发布时间】: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