css - 如何仅将 css 应用于顶级元素

Question

在我的 HTML 中，我在单独的部分中有一些页脚元素，然后是页面的一个全局页脚元素。我只想让全局页脚出现在视口的底部。

如果我这样做，它将影响所有页脚：

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

如果我这样做，它会按预期工作，但body语法看起来很糟糕：

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

有没有更好的方法来指定顶级页脚？

score 7 · Accepted Answer

将一个类添加到您的页脚并将您的 css 应用于该特定类。正如其他人指出的那样，这并没有什么问题body > footer。

score 1 · Accepted Answer

将一个类添加到全局页脚将是最简单的解决方法，或者您可以这样做：

body > footer:last-child

2 回答 2