jquery - 使用 jQuery 重置元素样式

Question

有谁知道如何使用 jQuery 重置元素的样式？例如，我有一个这样的样式表:

.container-red {  background-color: #f00; }
.container-red #innerbox { background-color: #fff; }
.container-white { background-color: #fff; }
.container-white #innerbox { background-color: #f00; }
#innerbox { margin: 20px; }

还有这个标记:

<div id="container" class="container-red">
     <div id="innerbox">Some text here</div>
</div>

然后当我使用 jQuery 更改类时

$("#container").removeClass("container-red").addClass("container-white");

innerbox 样式不会更改以匹配，因为它已经被样式化，这给我留下了一个白色容器和一个白色内盒，而不是一个白色容器和一个红色内盒。因此，我希望能够做类似的事情

$("#container").children().resetStyles();

并让每个子容器更新为正确的样式

编辑:抱歉，你没事，代码工作正常，我的问题只是我有一些其他的 css 覆盖了我的类样式。

Answer 1

我认为你做错了什么，因为我测试了它并且对我来说它有效:

http://jsfiddle.net/VH4du/

我在 chrome、firefox 和 IE9 上测试过它。