html - 在类(class)内部设置类(class)样式，但不要在同一个类(class)的外部设置类(class)样式

Question

我有两个具有 .body 类的 div，但是，一个位于另一个具有 .box 类的 div 中 - 如下所示:

<div class="box">
   <div class="body">
   </div>
</div>

<div class="body">
</div>

我只想为 .box 内部的 .body 设置样式...但我在下面所做的操作不起作用，它也将样式应用于 .body 外侧。

.box .body {
   background-color: red;
}

我不想将 .box 更改为 #box，因为“box”可能在同一文档中放置多次。

请看这里:http://jsfiddle.net/H2cmE/

Answer 1

好吧，CSS 实际上是有效的，并且只会将样式应用于类为 .body 且位于另一个类为 .box 的元素中的任何元素。我们需要查看您的完整 html 结构，以了解为什么这在您的情况下不起作用。