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

Question

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

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

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

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

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

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

Answer 1

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

Answer 2

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

body > footer:last-child