CSS stilini, div içinde

Question

iç içe geçmiş bir sınıfa uygulayın. Css'nin yuvalanmış bir öğeye nasıl uygulanacağını tam olarak bilmiyorum. İşte örnek kodum, ancak tüm kuralları açıklayan bir kılavuz arıyorum.

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

nasıl o belirli div içine yuvalanmış sadece sınıfa title için css uygulayabilirsiniz? Sadece seçicileri arasına boşluk koyarsanız

Answer 1

Eğer

#main_text .title 
{ 
    /*attributes*/ 
} 

kullanın stilleri birinci bütün çocuklar (ve çocukların çocuk) için geçerli olacaktır. Bu durumda, #main_text dosyasının sınıf öğesi .title olan herhangi bir alt öğesi. Bunun yerine bir boşluk > kullanırsanız, sadece elemanın direkt çocuğu seçecek ve çocukların çocukları değil, örn:

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

ya bu durumda çalışacaktır ancak ilk daha tipik kullanılır.