代码之家 › 专栏 › 技术社区 › Mitya

全部:还原仍然会导致扩展继承页面样式?

google-chrome-extension css

Mitya · 技术社区 · 6 年前

我曾轻描淡写( Ref 1 ; Ref 2 )该css的 all property,when set to revert ,would,in the case of an author stylesheet,i s放弃从其他作者样式表继承的样式。

换言之,受此属性/值保护的元素将被送入当前样式表中的样式,并且只送入由用户代理送入的初始默认样式。

according to mdn ,when revert is used in an author stylesheet it


   
    
     
      将级联回滚到用户级别,以便
指定值的计算方式就像没有作者级别规则一样
为元素指定。
     
     
     
     
      
       不过,我似乎不这么认为。我有一个chrome扩展,它将元素注入到一个页面中,我想保护它不继承该页面的样式。
      
      
      
      
       CSS:。
      
      guideo tools,guideo tools*all:revert;
但是,在图片所示的站点上,它继承了按钮上的框阴影。




我是否误解了all?)那个CSSall属性,设置为时revert如果是作者样式表,则会将其与其他作者样式表分离。


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

According to MDN当回复在作者样式表中使用


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


不过,我似乎不这么认为。我有一个chrome扩展,它将元素注入一个页面,我想保护它不继承该页面的样式。

CSS:

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


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



我误解了吗全部的?