В чем отличие селекторов “ ” и “>”

243

26 ноября 2016, 18:46

Все привет!
В чем отличие селектора

.a > .b { color: #fff; }

от

.a .b { color: #fff; }

Answer 1

> распространяется только на непосредственных потомков элемента, а (пробел) на любой уровень вложенности.

.a > .b {background-color: #fcc;}

<div class="a"><div class="c"><div class="b">Демо "&gt;" (фона нет)</div></div></div>

.a .b {background-color: #fcc;}

<div class="a"><div class="c"><div class="b">Демо "&nbsp;" (фон есть)</div></div></div>

ТОП-10

content-body должен выполнить по style padding

264

Не могу разобратьсяПочему если уменьшить этот сайт и пролистать вправо (или зайти с телефона), то появляется какой-то непонятный отступ слева...

283

Подскажите пожалуйста, почему не срабатывает float: left

377

Имеется svg-изображение, в котором от границы общего изображения до собственно начала картинки имеется белый фон, который окружает изображение...

560