CSS 元素恢复默认样式

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

白日梦还是可能性？

在 CSS3 中，是的。你可以使用否定伪类:

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

可惜目前大多数浏览器都缺乏 CSS3 支持......

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