2013-04-24 25 views
13

我在Liferay門戶的一些CSS文件中有CSS代碼。html>在CSS中表示什麼?

什麼是html> signify?什麼時候應該使用?

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

好奇爲什麼要選擇'html> .lfr-dockbar-pinned' - 這個類是否附加到'body'元素? – BoltClock 2013-04-24 13:10:46

+0

是的,它附着在'body'元素上。這裏是代碼 - '。不知道他們爲什麼(Liferay)這樣做.. – 2013-04-24 13:13:10

+0

@VikasV可能是一個joomla模板 – 2013-04-24 13:13:37

回答

2

它表示一個元素,它是html元素的直接後代(As @adrian tell)。

換句話說,它選擇了所有元素,其中該父組件是<html>在這種情況下將是唯一<body>

因此,例如

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

你的答案似乎不完整。通常情況下,你不會用「換句話說」來打開 - 表達意味着你試圖用某種方式說出某種東西,然後用另一種方式「換句話說」。 – BoltClock 2013-04-24 13:13:41

+0

@BoltClock完成:) – 2013-04-24 13:14:34

1

它選擇的子元素。

例如:body> p選擇元素的直接子元素的所有< p>元素。

1

鑑於此代碼(從您的評論):

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

在這種情況下,它的身體區分,當它具有類lfr-dockbar-pinned,並具有相同類的其他元素。這允許將不同樣式應用於這些元素中的每一個。

+0

但'body'是'html'的直接後代。 – BoltClock 2013-04-24 13:17:31

+0

這是唯一真正有意義的案例。 ''和''應該是''的唯一直接被告,所以唯一適用的時間是''標籤有一個類。 (在這種情況下'lfr-dockbar-pinned') – 2013-04-24 13:29:43

+0

BoltClock,你是對的。我一度把自己弄糊塗了。 – isherwood 2013-04-24 16:30:11