CSS元素回到默认样式

Question

在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] */

白日梦或possibi lity？

Answer 1

在CSS3中，是的。您可以使用negation pseudo-class：

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

太糟糕了CSS3的支持是有点欠缺，在大多数浏览器的那一刻...

使用CSS级别小于3，你就完蛋了。抱歉。

Answer 2

不可行。只需重写它。