How to style the hyperlink?



I’ve put 2 comments in the css. If you look at my code, the nav span should include the text within the hyperlink right? But when I try to color the text using ‘seashell’ it won’t work with nav span but will with a. Why is this the case?

I’m referring to the navigation bar text in the top right.

What you are seeing is the default color a browser gives to links. It will override the value we give to its container since it is lower down in the cascade (default and user style sheets load last).

I think i understand BUT, why does the default get over-ridden by a but not nav span?

Because a is a link, which has its own default color.

a:link {
    color: blue;
}
1 Like

thanks so much for helping!!

1 Like

You’re very welcome. Happy coding!

This topic was automatically closed 41 days after the last reply. New replies are no longer allowed.