Question

我在Liferay门户的一些CSS文件中有CSS代码。

html＆gt; 表示什么？什么时候应该使用？

.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;
}

Answer 1

具有类lfr-dockbar-pinned的元素，它是html元素的直接子后代。请参阅：http://www.w3.org/TR/CSS2/selector.html#child-selectors

Answer 2

它代表一个元素，它是html元素的直接后代（As @adrian告诉）。

换句话说，它选择父元素为<html>的所有元素，在这种情况下只有<body>

所以例如

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

Answer 3

选择子元素。

例如：身体＆gt; p选择全部＆lt; p为H.元素是元素的直接子元素。

Answer 4

鉴于此代码（来自您的评论）：

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

在这种情况下，它区分身体，当它具有类lfr-dockbar-pinned，而另一个元素具有相同的类。这允许将不同的样式应用于每个元素。

什么是html＆gt;用CSS表示？

4 个答案: