CSS选择器问题

我不确定我要找的是不是选择器，所以希望大家能理解我的问题

我有（比方说）这样的东西：

<div id="mainwrapper" class="default">
 <div class="boxone"></div>
 <div class="boxtwo"></div>
 ...
</div>

我需要做的是在CSS中添加类似的内容（将mainwrapper的类名更改为“dark”也会更改它的所有子元素）：

我的第二个CSS（可能）是错误的，但我想它是这样做的。。。但是怎么做呢？ 多谢各位

.dark .boxone {background: #333;}
.dark .boxtwo {background: #666;}

应该有用。演示：

应该有用。演示：

或者如果您想使用

class=“default dark”

或者如果您想使用

class=“default dark”

---

您的第二个示例将起作用，但使用

意味着只会选择

.dark

的直接子级。如果您还想选择孙子（以及更多的孩子），只需去掉

字符：

使用class

.boxone

选择直接子级：

.dark > .boxone {background: #666;} 

.dark .boxone {background: #666;} 

选择类为

.boxone

的任意子级：

.dark > .boxone {background: #666;} 

.dark .boxone {background: #666;} 

---

您的第二个示例将起作用，但使用

意味着只会选择

.dark

的直接子级。如果您还想选择孙子（以及更多的孩子），只需去掉

字符：

使用class

.boxone

选择直接子级：

.dark > .boxone {background: #666;} 

.dark .boxone {background: #666;} 

选择类为

.boxone

的任意子级：

.dark > .boxone {background: #666;} 

.dark .boxone {background: #666;} 

---

您的css将在第二种情况下工作

这是因为第二个选择器比第一个选择器大

读一篇关于这方面的文章

大于号用于选择直接子项，但internet explorer版本8支持该符号。所以我建议使用

.dark.boxone{background:#333；}

---

还要将css中的第二条规则修改为

.dark>.boxtwo{background:#666；}

您的css将在第二种情况下工作

这是因为第二个选择器比第一个选择器大

读一篇关于这方面的文章

大于号用于选择直接子项，但internet explorer版本8支持该符号。所以我建议使用

.dark.boxone{background:#333；}

还要将css中的第二条规则修改为

.dark>.boxtwo{background:#666；}