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

41
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
  1. .one.two{} - в этом случае запись должна быть такого типа <div class="one two"></div>, если будет вложенность, то стили не отработают.
  2. .one .two{} - выбирает все <div class="two"></div>, которые находятся внутри <div class="one"></div> работает любая вложенн
  3. .one > .two{} - выбирает все <div class="two"></div>, которые являются потомками <div class="one"></div>
READ ALSO
Почему hover эффект не работает на ширине меньше 1200 пикселей?

Почему hover эффект не работает на ширине меньше 1200 пикселей?

Есть не большой hover эффект (Называется эффект Роршаха)

31
Не получается использовать import&#39;ы из es6 в node.js

Не получается использовать import'ы из es6 в node.js

Не получается подключить модули с помощью import

16
React рендер при фокусе на инпуте

React рендер при фокусе на инпуте

Можно ли в реакте рендерить только когда в инпуте есть фокус? и чтобы при исчезновении фокуса исчезал рендер? если можно то как?

47