13

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

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

4 回答 4

17

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

于 2013-04-24T13:08:14.030 回答
2

它表示一个元素，它是 html 元素的直接后代（正如@adrian 所说）。

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

所以例如

div > p {
   /* This will select all p elements where parent is div */
}
于 2013-04-24T13:11:23.060 回答
1

它选择子元素。

例如：body > p 选择所有 <p> 元素的直接子元素。

于 2013-04-24T13:11:44.647 回答
1

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

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

在这种情况下，当它具有 class 时，它会区分 bodylfr-dockbar-pinned和具有相同 class 的另一个元素。这允许将不同的样式应用于这些元素中的每一个。

于 2013-04-24T13:15:09.457 回答