Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial


Different link styles for different sections of page.

I used to know how to do this - can't seem to recall EXACTLY how or find a ref to it online - must be out of style >grin< but is needed for something I'm working on.

It went SOMETHING like this:

#loglineright:link {color:#ffffff;} /* unvisited link for login */

loglineright:visited {color:#ffffff;} /* visited link for login */

loglineright:hover {color:#f9d0a6;} /* mouseover link for login */

loglineright:active {color:#f9d0a6;} /* selected link for login */

What is actually happening is that all the text in that small id section (#loglineright) turns from white (the default color) to a pale orange (the link highlight color) EXCEPT for the one word that is an actual link. That word uses the browser default link styling.

Can anyone help me feel like less of an idiot?

Thanks :D

1 Answer

Figured it out - I forgot the frickin' A!

#loglineright A:link {color:#FFffff;}      /* unvisited link for login */
#loglineright A:visited {color:#ffffff;}  /* visited link for login */
#loglineright A:hover {color:#f9d0a6;}  /* mouse over link for login */
#loglineright A:active {color:#f9d0a6;}  /* selected link for login */
 .mast {

Please know how much I appreciate the fact that no one here has threatened to kill me yet :D