html - 是否可以在不添加 div 或其他内容的情况下以不同的方式设置页脚的样式？

Question

你好！我在我的网络开发课上上了一堂 CSS 样式课。他们告诉我不要触摸 HTML 代码中的任何内容（见图）。文章下的前 2 个页脚应设置为“Written by ...”。最后一个页脚应该在页面底部设置为真正的页脚。我可以在不更改 HTML 代码中的任何内容的情况下使用 CSS 设置不同的样式吗？我不允许添加 div 或任何东西。

我的网络开发课程真的过时了......

标签： htmlcss

Answer 1

这里要看的是你的 CSS 选择器如何从一个元素到另一个元素不同。

由于您无法触摸 HTML 以将类添加到文章页脚或将 ID 添加到站点页脚，因此您需要查看包含它们的内容。这就是评论的答案所在。

站点的页脚是#wrapperdiv 的直接后代，而文章页脚嵌套在section.

重要的是，在没有类或 ID 的情况下，您需要使用 CSS 中所谓的子组合 >器将站点页脚指定为直接后代，并且文章页脚是根据其父级作为部分来选择的。

#wrapper > footer { ... }
section footer { ... }