使用CSS正确设置嵌套链接的样式？

我就是想不通为什么下面显示的CSS/HTML组合不能正常工作。
链接以默认样式显示（蓝色和下划线）。也许我只是累了，或者我错过了一些重要的东西

HTML:

<ul class="main">
    <li><a href="#">Link 1</a></li>
    <li><a href="#">Link 2</a></li>
    <li><a href="#">Link 3</a></li>
</ul>

ul.main li a:link, ul.main li a:visited, ul.main li a:hover, ul.main li a:active {
    color: #FFF;
    text-decoration: none;
}

---

既然你的风格都一样，那就试试吧

ul.main a {
    color: #fff;
    text-decoration: none;
}

---

如果您没有任何其他影响achors的样式，下面应该足够了

ul.main li a, ul.main li a:visited {
    color: #FFF;
    text-decoration: none;
}

---

为什么不设计锚元素本身，即

ul.main li a

——您的列表中似乎缺少它！我不认为有必要添加

ul.main li a

？尝试了它，但没有更改…大多数浏览器不再对

：visted

选择器进行操作（由于存在微妙的安全问题），因此再指定它是毫无意义的。因此，您可以安全地将其从代码中删除。（它仍然被认为是一个有效的选择器，所以这不会对你的问题产生任何影响，但我只是想指出它）@Industrial，建议你使用FireBug并查看链接上应用的实际样式。可以简单到页面中不包含CSS。如何包含CSS？因为这对我有用。这意味着您的

标记有问题，上面的css错误导致代码降级，或者浏览器存在缓存问题。@VinarC/Industrial，我还建议您在另一个浏览器中尝试，最好是webkit浏览器，以便您可以“检查元素”（即chrome或safari）。谢谢您的帮助。您的解决方案工作得很好，但由于某些原因，CSS被firefox缓存。。。