CSS CSS Basics (2014) Basic Selectors Pseudo-Classes

Ubo Town
Ubo Town
3,227 Points

Pseudo Class

I have <a> links on my html

<header id="top" class= "home"> <span class="title">She loves her current home and parents, but as she grows so does her needs</span> <h1>A New Home for Moosie</h1> <img src="img/new home.jpg">

        <nav>
            <ul>
                <li><a href="index.html">Home</a></li>
                <li><a href="#about">About</a></li>
                <li><a href="#articles">Articles</a></li>
                <li><a href="#contact">Contact</a></li>
            </ul>
        </nav>
    </header>

When I try to apply psedo-class it doesn't work

a:link { color: green;

I don't know whats going on, help please.

1 Answer

Heidi Fryzell
seal-mask
MOD
.a{fill-rule:evenodd;}techdegree seal-36
Heidi Fryzell
Front End Web Development Treehouse Moderator 21,829 Points

HI Ubo,

I can't see all your code, but it might be that you don't have a closing bracket after your css selector.

Here is a helpful article about the link selectors: https://www.w3schools.com/css/css_link.asp

If you are going to use the various states, (link, visited, hover, active), you nee to apply them in a specific order. See the link above.

Happy Coding! Heidi