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

Question

我只是不明白为什么我无法让下面显示的 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>

CSS：

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;
}

Answer 1

如果您没有任何其他影响锚点的样式，那么以下应该就足够了

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

Answer 2

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

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