如何仅将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

回答