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

CSS How to Make a Website Customizing Colors and Fonts Write Hexadecimal Colors

How do I add the hover I looked it up on other places and when I put it in it still refused to accept it.

When I attempted to look it up elsewhere the info given was refused on the code challenge.

4 Answers

Mark Josephsen
Mark Josephsen
8,803 Points
nav a:hover {
 color: #32673f;
}

Whoever u are u r a flipping genius at this stuff!

Mark Josephsen
Mark Josephsen
8,803 Points

Nonesense. We all beat our heads against the wall trying to figure stuff out from time to time. But keep at it and you'll go far!

By the way, could you click "Best Answer" for me? It's worth a few points... Thanks!

idan ben yair
idan ben yair
10,288 Points

Hello John, the hover effect will work as follow:

a {
  color: green;
  background-color: red;
}

a:hover {
 color: grey;
background-color: blue;
}

Basically what happens is that when you hover on top of the "a" element the color of the text will change to green from grey and the color of the background will change from red to blue.

The first segment of code determines the actual colors and the ":hover" selector will determine what will happen once you hover with your mouse on top of it. now that could apply to anything not just color changes! So it could become very very interesting! I suggest that you keep studying this because you'll end up having lots of fun with it :)

Hope that helped :)

Thanks for ur input! And yes it did!

idan ben yair
idan ben yair
10,288 Points

Anytime, and Mark thanks for your help with the code challenge question. Next time when you answer a question try not to give the whole answer but instead try to educate the students and help them understand what they are doing and what the challenge really wants them to learn. Its very important that students will learn WHY things work the way they do and not just HOW they work.