css - 指定 css 选择器

Question

我有一个页脚，它有一个水平菜单。

CSS

footer {
    height:99px;
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 20px;
    padding-top:26px;
}
li {
    float:right;
    width:8%;
}

我想做的是，当我制作其他菜单时，页脚菜单的 css 不会影响它。什么是有效的方法？ html 只是一个基本的 <footer>标签。

Answer 1

在这种情况下，您可以使用后代关系，您说将样式应用于 footer 元素内的 ul 元素。

footer {
    height:99px;
}
footer ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 20px;
    padding-top:26px;
}
footer ul li {
    float:right;
    width:8%;
}

如果你想更具体(如果页面中可能有多个页脚元素)，你可以为页脚分配一个类，如 myfooter 然后使用类选择器也如

footer.myfooter {
}
footer.myfooter ul {
}
footer.myfooter ul li {
}

看看不同的CSS selctors