css - 仅将 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=""> 设置了样式在导航元素之外。我怎样才能确保它按照我的意愿行事？

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 {