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

管道梦想还是可能性？

Answer 1

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

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

对于大多数浏览器来说，目前有点缺乏CSS3支持...

当CSS级别低于3时，你就搞砸了。遗憾。

Answer 2

没有。不太可行。只是覆盖它。