Стили для дочерних элементов

197

31 мая 2018, 19:50

Допустим у нас есть два div-а

<div class="one">
    <div class="two"></div>
</div>

Как правильно указать стили дляя div-а two? Я видел несколько способов и до сих пор не знаю, какой из них правильный

.one.two{}
.one .two{}
.one > .two{}

Answer 1

в такой ситуации лучше всего указать на прямую стиль .two{} или на крайний случай .one .two{} или .one > .two{}.

Это не верно .one.two{} - это подходит для ситуации <div class="one two"></div>

Answer 2

.one.two{} - в этом случае запись должна быть такого типа <div class="one two"></div>, если будет вложенность, то стили не отработают.
.one .two{} - выбирает все <div class="two"></div>, которые находятся внутри <div class="one"></div> работает любая вложенн
.one > .two{} - выбирает все <div class="two"></div>, которые являются потомками <div class="one"></div>