CSS to make paragraph change color when hovering with mouse

[S!lver]

I added a class to a paragraph on my page that is supposed to change the text to red when you hover with the mouse but it is not working… can anyone tell me what i have done wrong? http://beckenhauerconstruction.com/current_projects.html the paragraph for Heroes Park is the one that should change. thanks!

[wolfcry911]

and where is the css to address that class?

[S!lver]

here is the css for that paragraph

.chngcolor {
font-family:Arial, Helvetica, sans-serif;
font-size:large;
overflow:auto;
color:#CCC;
}
.chngcolor:hover {
color: #COO;
}

[TheDoc]

I think what wolfcry is trying to say is that the CSS isn’t being applied to the paragraph. Which makes me think maybe the CSS file hasn’t been uploaded?

[jimsilverman]

viewed the source, the CSS you posted isn’t anywhere on the site. that could be the problem ;)

[S!lver]

I uploaded it again just to make sure, but it still isn’t working..do i need to name it as the paragraph class within the div class for the css to work?

[snillor]

Checking your CSS through W3C CSS validator says that on line 358, for chngcolor:hover, #coo is not a valid color 3 or 6 hexadecimals numbers #COO.

Did you enter o (letter O) instead of 0 (numerical zero)?

[S!lver]

that was it! thanks for your help!

[Author]

Posts