什么是html>;用CSS表示?
我在Liferay portal的一些CSS文件中有以下CSS代码 html>表示什么?应该在什么时候使用什么是html>;用CSS表示?,html,css,css-selectors,Html,Css,Css Selectors,我在Liferay portal的一些CSS文件中有以下CSS代码 html>表示什么?应该在什么时候使用 .lfr-dockbar-pinned { .dockbar { left: 0; position: fixed; right: 0; top: 0; } .pin-dockbar img { background-image: url(../images/dockbar/unpin
.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 pinted
的元素,它是html
元素的直接子代。请参阅:它表示一个html元素的直接后代(正如@adrian所说的)
换句话说,它选择父元素为
的所有元素,在本例中,父元素仅为
比如说
div > p {
/* This will select all p elements where parent is div */
}
它选择子元素 例如:body>p选择作为元素的直接子元素的所有元素。给定以下代码(来自您的注释):
在这种情况下,它区分了主体(当其固定了类
lfr dockbar
时)和具有相同类的另一个元素。这允许对这些元素中的每一个应用不同的样式。奇怪的是,为什么要选择html>.lfr dockbar pinted
-该类是否附加到主体
元素?是的,它附加到主体
元素。这是代码-
。不知道他们(Liferay)为什么这么做。@VikasV可能是joomla模板我想知道为什么需要html>
。也许是IE6黑客?通常黑客从html>body
开始,而不仅仅是html>
@BoltClock我想html body{}
在这里是等价的,你的答案似乎不完整。通常情况下,你不会以“换句话说”开头——这个表达式意味着你试图用一种方式说某事,然后你用另一种方式“换句话说”陈述它。但是body
是html
的直接后代。这是唯一有意义的情况和“”应该是“”的唯一直接Decentant,因此唯一适用的时间是“”标记具有类时。(在本例中为“lfr dockbar pinted”)BoltClock,您是对的。我一时糊涂了。
<body class="... lfr-dockbar-pinned ...">