Правильно ли оформлять вложенные ссылки с помощью 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;
}