Question

I just can’t get my head around why I can’t get the below shown CSS/HTML combo to work properly.
The links appear with default styling (blue&underlined). Maybe I am just tired or have I missed out on something essential?

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

Since all your styles are the same, just try

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