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

Question

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

如果我这样做，它会影响所有的页脚:

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

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

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

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

Answer 1

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