html - 正文和页脚中的无序列表列

Question

如何阻止正文中的 ul 列影响我的页脚 ul？我在 body 中有 'ul' 和 'li'，我在 CSS 中给了它们 3 列:

ul {
    overflow: hidden;
    live-style:none;
    margin-top: 70px;
    padding-left: 0px;
    columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3;
}

我的页脚中也有“ul”。但我希望它是内联的。出于某种原因，我的 4 个页脚按钮分为 2 个并遵循 3 列模式。谢谢

Answer 1

在 footer 中使用比仅适用于 ul 的选择器来调整那里的样式

footer ul {

 /* your styles here */

}