kpa6uu
@kpa6uu
Программист Талибана [Пыхерский Алибаба]

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

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

body table li{
    background-color: green;
}

и

body > table > li{
    background-color: green;
}
  • Вопрос задан
  • 346 просмотров
Решения вопроса 3
Piocan-Alex
@Piocan-Alex
Прокачался до рейдера и дредноута в EVE
> это селектор который будет работать только на элементы вложенные в строгом порядке.
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
Ответ написан
Комментировать
erniesto77
@erniesto77
oop, rb, py, php, js
Если я не ошибаюсь, то
элемент который указан после знака ">" будет искаться только в элементе который указан до знака ">", то есть если
написано ul > li {}, то будут искаться li только вложенные строго в родителя, а если ul li {}, то все li внутри ul, включая все дочерние элементы.
Ответ написан
Комментировать
Ivanq
@Ivanq
Знаю php, js, html, css
> показывает, что следующий элемент должен идти прямым ребенком. Пример:

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

Для a b c:
a
    [элемент]
        [элемент]
            b
                [элемент]
                    [элемент]
                        c
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы