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

CSS元素返回默认样式

css
  •  1
  • Ben  · 技术社区  · 14 年前

    在CSS中有没有一种快速的方法可以删除应用于元素的所有样式?例如,说某种类型的选项卡菜单:

    <div class='outer'>
      <div id='d1'></div>
      <div id='d2'></div>
      <div id='d3'></div>
      <div id='d4'></div>
    </div>
    

    应用了CSS…

    .outer { foo:blee; bar:blah; bas-bloo:snork; /*...long long list...*/ }

    现在,我想要 #d3 (例如)返回默认样式,但我不想显式取消设置所有父样式:

    #d3 { remove-styles:all } /* <- [I made this up, obviously] */

    空想还是可能性?

    2 回复  |  直到 14 年前
        1
  •  3
  •   Yi Jiang G-Man    14 年前

    在CSS3中,是的。你可以用 negation pseudo-class :

    .outer:not(#d3) { foo:blee; etc etc }
    

    对于大多数浏览器来说,CSS3支持太差了。

    当CSS级别低于3时,你就完蛋了。对不起的。

        2
  •  1
  •   meder omuraliev    14 年前

    不,不可能。只是覆盖它。