В чём разница между body table li и body > table > li?

Question

[kpa6uu]

Изучаю CSS, возник вопрос в отличиях работы данных строк.
Например, в чём разница между

body table li{
    background-color: green;
}

и

body > table > li{
    background-color: green;
}

Answer 1

[Александр Голубев]

> это селектор который будет работать только на элементы вложенные в строгом порядке.
body > table > li не будет работать например на:
body table li ul li

body table li будет работать на
body table li ul li

Подробней: everstudent.ru/blog/htmlcss/30-css-seletors-to-memorize

Answer 2

[Ernest Faizullin]

Если я не ошибаюсь, то
элемент который указан после знака ">" будет искаться только в элементе который указан до знака ">", то есть если
написано ul > li {}, то будут искаться li только вложенные строго в родителя, а если ul li {}, то все li внутри ul, включая все дочерние элементы.

Answer 3

[Ivanq]

> показывает, что следующий элемент должен идти прямым ребенком. Пример:

Для a > b > c:
a
    b
        c

Для a b c:
a
    [элемент]
        [элемент]
            b
                [элемент]
                    [элемент]
                        c