使用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

如果您没有影响achors的任何其他样式，则以下内容应该足够

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

Answer 2

由于您的所有样式都相同，只需尝试

即可

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