CSS - Ориентация на конкретный элемент

Question

У меня есть этот HTML:

<div class="B"> 
    blah 
    blah 
    blah 
</div> 

<section class="A"> 
    <div class="B"/> <!-- THIS --> 
    <div/> 
</section> 

Как я могу предназначаться в DIV с классом B внутри секции, и только его?

Answer 1

Вы можете выбрать его как этот

.A>.B{ 

} 

Это известно как CSS элемента> элемент Selector

Синтаксис выглядит следующим образом

element > element { 
    css declarations; 
} 

вы можете увидеть пример here ..

Answer 2

Вы должны написать:

section.A div.B { 
} 

Если вы хотите предназначаться только один элемент считаем использовать идентификатор вместо класса.