仅将CSS应用于元素中

Question

nav ul {
}

nav ul li {
    margin-left: 7px;
}

nav.ul li a, a:link, a:visited {
    float: left;
    padding: 7px;
    margin-left: 15px;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}

nav ul li a:hover {
}

我只想要上面的代码来设置内部元素的样式 <nav></nav>

但是现在它确实<a href="">在nav元素的外部设计风格.我怎样才能确保它符合我的要求？

Answer 1

你拥有它们的规则只适用于一个nav元素,除了这个:

nav.ul li a, a:link, a:visited {

此规则适用于a:link和a:visited.你要这个:

nav.ul li a, nav.ul li a:link, nav.ul li a:visited {