指定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

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

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