將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*/ 
} 

要麼會在這種情況下工作，但首先是更典型的使用。