div内のネストされたクラスにCSSスタイルを適用

Question

入れ子要素にCSSをどのように適用するか正確にはわかりません。 ここに私のコード例がありますが、私はすべてのルールを説明したマニュアルを探しています。

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

は、どのように私は、その特定のdiv内にネストクラスのみtitleにCSSを適用することができますか？あなただけのセレクタの間にスペースを入れた場合

Answer 1

はあなたが

#main_text .title 
{ 
    /*attributes*/ 
} 

使用し、スタイルは最初のすべての子供たち（と子供の子供）に適用されます。この場合、クラス名が.titleの#main_textの子要素があります。あなたの代わりにスペースを>を使用している場合は、それが唯一の要素の直接の子を選択し、子供のいない子供、例：

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

は、このいずれかの場合には動作しますが、最初は、より一般的に使用されています。