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
Trista Ramirez
1,147 PointsLink does not change color when I hover over? What am I doing wrong?
*/ selected nav link */ nav a.selected, nav a:hover { color: #32673f; }
5 Answers
Trista Ramirez
1,147 PointsI'm a beginner? Did I select the fonts wrong maybe?
Jeff Lemay
14,268 PointsI'm not sure without looking at more of your stylesheet.
Is this how you wrote it? The opening comment is backwards and would mess things up.
*/ selected nav link */
Should be
/* selected nav link */
Jeff Lemay
14,268 PointsDo you use any !important rules for the color of ul's, li's, or a's?
colinjames
12,576 PointsHover seems to be working for me in Chrome. Maybe show your entire CSS file? Cheers!
Trista Ramirez
1,147 PointsSwitching to /* selected nav link */ did the trick. Thank you Jeff
Sean Clipsham
1,664 PointsI would love to see your style sheet and how you wrote the code for the 'hover' part. I cannot get the darn thing to work. I posted this on another page that was discussing this problem:
Still not working when i try nav link:hover , I do not think that the word 'link' should be there. here is what I am trying:
nav a { color: #fff; }
nav a:hover { color: 32673f; }
Does not work even after II retype it to make sure my spaces are right
Trista Ramirez
1,147 PointsTrista Ramirez
1,147 Points<!DOCTYPE html> <html> <head> <meta charset="utf-8">
<title>Trista Ramirez |Teaching self Code</title> <link rel="stylesheet" href="css/normalize.css"> <link href='http://fonts.googleapis.com/css?family=Muli:400,400italic|Open+Sans:400italic,700italic,700,800,400' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/main.css"> </head> <body> <header> <a href="index.html" id="logo"> <h1>Trista Ramirez</h1> <h2>Learning to Code</h2> </a> <nav> <ul> <li><a href="index.html" class="selected">Portfolio</a></li> <li><a href="about.html">About</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav> </header> <div id="wrapper"> <section> <ul id="gallery"> <li> <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""> <p>Experimentation with color and texture.</p> </a> </li> <li> <a href="img/numbers-02.jpg"> <img src="img/numbers-02.jpg" alt=""> <p>Playing with images on photo shop.</p> </a> </li> <li> <a href="img/numbers.06.jpg"> <img src="img/numbers-06.jpg" alt=""> <p>Trying to do 80's style of glows.</p> </a> </li> <li> <a href="img/numbers-09.jpg"> <img src="img/numbers-09.jpg" alt=""> <p>Drips with photo shop.</p> </a> </li> <li> <a href="img/numbers-12.jpg"> <img src="img/numbers-12.jpg" alt=""> <p>Creating shapes.</p> </a> </li> </ul> </section> <footer> <a href="http://twitter.com/MOM_OF_3_HERE2COUPON"><img src="img/twitter-wrap.png" alt="Twitter Logo"class="social-icon"></a> <a href="http://facebook.com/TrissR"><img src="img/facebook-wrap.png" alt="Facebook Logo"class="social-icon"></a> <p>© 2015 Trista Ramirez.</p> </footer> </div> </body> </html>