Что в CSS означает знак «>»?

Question

[Сапунчик]

мне непонятно, зачем в CSS нужен знак ">".
Непонятно, чем плох "+"?
пытался разобраться, но не получается:(

Answer 1

[Rsa97]

> - поиск среди всех прямых потомков.
+ - элемент, непосредственно идущий за данным.

<div id='l1_1'>
  <div id='l2_1'>
    <p id='l3'>
  </div>
  <p id='l2_2'>
</div>
<p id='l1_2'>
<p id='l1_3'>

#l1_1 > p соответствует элементу #l2_2
#l1_1 + p соответствует элементу #l1_2

Comments

[Сапунчик]

спасибо!

[RAX7]

div > p – только непосредственные потомки
div + p – первый правый сосед: p на том же уровне вложенности, который идёт сразу после div (если есть).
https://learn.javascript.ru/css-selectors#otnosheniya

[Rsa97]

RAX7, Да, я уже поправил.

Answer 2

[HamSter]

Если простыми словами, то:

> - наследование внутренних тегов
+ - наследование соседних тегов.

Почитайте о всех селекторах в css.

Answer 3

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

совсем разные селекторы
см link п.7 и 8