将CSS样式应用于嵌套类div div

Question

我不知道如何将CSS应用于嵌套元素。 这里是我的示例代码，但我正在寻找解释所有规则的手册。

<div id="content"> 
    <div id="main_text"> 
     <h2 class="title"></h2> 
    </div> 
</div> 

如何申请CSS只嵌套在该特定div里面的类title？

Answer 1

您使用

#main_text .title 
{ 
    /*attributes*/ 
} 

，如果你只是把选择之间的空间，样式将应用到第一的所有儿童（儿童的儿童）。因此，在这种情况下，#main_text的任何子元素的类名称为.title。如果您使用>，而不是一个空间，它只会选择元素的直接子，而不是孩子的孩子，例如：

#main_text>.title 
{ 
    /*attributes*/ 
} 

要么会在这种情况下工作，但首先是更典型的使用。