如何僅將css應用於頂層元素

在我的HTML中，我在單獨的部分中有一些頁腳元素，然後是頁面的一個全局頁腳元素。我只想讓全局頁面頁腳出現在視口的底部。如何僅將css應用於頂層元素

如果我這樣做，它會影響所有的頁腳：

footer { 
    position: fixed; 
    bottom: 0px;  
}

如果我這樣做，它工作正常，但body語法看起來akward的：

body > footer { 
    position: fixed; 
    bottom: 0px;  
}

是否有更好的方式只指定頂級頁腳？

添加一個類到你的頁腳，並將你的CSS應用到這個特定的類。 – reinder 2013-02-09 20:37:43

是的，我想我有一個盲點:) – 2013-02-09 20:39:34

爲一個類+1，但最新錯誤'身體>頁腳？ – insertusernamehere 2013-02-09 20:44:25

添加類到您的頁腳和你的CSS適用於特定的類。正如其他人指出，body > footer沒有錯。

2013-02-09 20:52:57 reinder

添加類全球頁腳將是最簡單的解決，或者你可以這樣做：

body > footer:last-child

2013-02-09 20:39:10

是的，課堂會工作。最後一個孩子在我的情況下不起作用，因爲章節頁腳是他們欄目元素的最後一個孩子，所以他們也受到影響。 – 2013-02-09 20:42:47

只有'footer'實際上是'body'中的最後一個孩子，並且如果它不是其中出現「footer」的其他元素中的最後一個孩子，這纔會起作用。所以這可能仍然不適合OP。 – insertusernamehere 2013-02-09 20:43:26

你是對的，也許是添加一個孩子選擇器 – 2013-02-09 20:45:55

回答