применить стиль css к вложенному классу внутри div

Question

Я не знаю точно, как применить css к вложенному элементу. Вот мой пример кода, но я ищу руководство, в котором объясняются все правила.

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

Как я могу применить CSS только класс title вложенного конкретный div?

Answer 1

использовать

#main_text .title 
{ 
    /*attributes*/ 
} 

если вы просто поставить пробел между селекторами, стили будут применяться ко всем детям (и детям) дети из первых. Таким образом, в этом случае любой дочерний элемент #main_text с именем класса .title. Если вы используете > вместо пробела, он будет выбрать только прямой потомок элемента, а не дети детей, бывших:

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

либо будет работать в этом случае, но первый более обычно используется.