Вопрос по css и потомкам?

Question

[cupacabka]

Подскажите пожайлуста, откуда копать. Не могу разобраться в значении конструкции.
Кратко есть обертка, в ней три дива. обложка флекс дисплей для выравнивания в ряд. ширина обертки 100%. Далее надо три дива задать по 33%. вроде все получалось именно до задания 33; Подсмотрел в решенном задании там конструкция

.footer_wrapper > div {
width: 33%
}

С ней все встало как надо. Но не могу понять что именно означает символ >. По идее, мне надо применить ширину 33% для трех основных див в .footer_wrapper. почему нельзя указать .footer_wrapper div ? в этом случае ширина не только к трем дивам применится но и ко всем в них вложенным? знак > указывает что только непосредственным потомкам?

Comments

[Михаил]

да

[Алекс Глебов]

Тут в селекторах найдешь >
https://webref.ru/css

[Andrew]

Протестить быстрее чем написать тут вопрос.
Но логика та.

Answer 1

[Владислав Лысков]

только к первому вложенному диву
https://code.tutsplus.com/ru/tutorials/the-30-css-...
пункт 8

Comments

[Сергей delphinpro]

Правильнее — к непосредственным потомкам, которые являются тегами DIV.

А то первый вложенный DIV это все-таки

> div:first-of-type {
}

Answer 2

[Avelos]

Ты всё верно написал с > будет работать непосредственно на потомков родительского элемента (обертки), без на все вложенные дивы включая детей потомков.
Upd. Владислав Лысков не прав, не только на первого, на все.

Comments

[Владислав Лысков]

Ты дурак?

[Avelos]

Владислав Лысков, я не правильно твои слова понял?