У меня есть код 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;
}
Элемент с классом lfr-dockbar-pinned, который является прямым дочерним потомком элемента html. См.: http://www.w3.org/TR/CSS2/selector.html#child-selectors
Он представляет собой элемент, который является прямым потомком элемента html (как сказал @adrian).
Другими словами, он выбирает все элементы, где родительский элемент <html>, который в этом случае будет только <body>
Итак, например
div > p {
/* This will select all p elements where parent is div */
}
Он выбирает дочерний элемент.
Например: body > p выбирает все <p> которые являются прямыми дочерними элементами элемента.
Учитывая этот код (из вашего комментария):
<body class="... lfr-dockbar-pinned ...">
В этом случае он различает тело, когда он имеет класс lfr-dockbar-pinned, и другой элемент, имеющий тот же класс. Это позволяет применять различные стили к каждому из этих элементов.