What is the difference between selectors "" and ">"

Question

Hi everybody!
What is the difference selector

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

from

 .a .b { color: #fff; }

code.tutsplus.com/ru/tutorials/… - there are a lot of subtleties that helped me in my time.

andreymal andreymal 8,902 3 25 50 · Accepted Answer · 2016-10-22T09:45:38

> extends only to the immediate descendants of the element, and (space) at any level of nesting.

 .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>

1 answer 1