Что означает html> в CSS?

У меня есть код CSS в каком-нибудь файле CSS портала Liferay.

Что означает html > ? Когда это нужно использовать?

.lfr-dockbar-pinned {
    .dockbar {
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
    }

    .pin-dockbar img {
        background-image: url(../images/dockbar/unpin.png);
    }
}

html > .lfr-dockbar-pinned {
    padding-top: 3.45em;
}

Ответ 1

Элемент с классом lfr-dockbar-pinned, который является прямым дочерним потомком элемента html. См.: http://www.w3.org/TR/CSS2/selector.html#child-selectors

Ответ 2

Он представляет собой элемент, который является прямым потомком элемента html (как сказал @adrian).

Другими словами, он выбирает все элементы, где родительский элемент <html>, который в этом случае будет только <body>

Итак, например

div > p {
   /* This will select all p elements where parent is div */
}

Ответ 3

Он выбирает дочерний элемент.

Например: body > p выбирает все <p> которые являются прямыми дочерними элементами элемента.

Ответ 4

Учитывая этот код (из вашего комментария):

<body class="... lfr-dockbar-pinned ...">

В этом случае он различает тело, когда он имеет класс lfr-dockbar-pinned, и другой элемент, имеющий тот же класс. Это позволяет применять различные стили к каждому из этих элементов.