Link Hover Over Issue

Hey guys,

I have a Valid coded template and there is a section with links like this in the html -

<p class="link"><a href="#">(19) Comments</a>  | <a href="#"> Read More </a>&gt;&gt;  |  Category: <a href="#">Laptops</a>  | Posted on March 4th 2008</p>

Code (markup):

and then in the CSS there is this for the links -

#left a,.link{
  font-size: 12px;
  color: #009cff;
  text-decoration: underline;
}

Code (markup):

I want the links to disappear the underline when hovered over, but if I do like -

#left a:hover,.link{
  font-size: 12px;
  color: #009cff;
  text-decoration: none;
}

Code (markup):

It screws up other parts of the CSS in different areas. Can anyone help?

 

what if you just made it
.link a:hover{
font-size: 12px;
color: #009cff;
text-decoration: none;
}
Might have to change that particular p tag's class if there isnt a few hundred of them on the page.

 

You are calling the css style improperly.

when using "class" the entry in the style sheet would be .links

When you put #links - that is an ID so it would have to be id="links" and not class="links"

 

Its because it is in

<div id="left">

then

<p class="link">

Also shallowink that doesn't have any effect on it, So I think it has to call out the #left div ID.

 

put it before it. Won't know the actual effect on the rest of the page though. Might help to add the p.link to make it more specific.
#left p.link a:hover{
font-size: 12px;
color: #009cff;
text-decoration: none;
}

 

Great, Thanks so much, That fixed it , Thanks again!

 

either way if the style sheet has '.' it is class and '#' is ID using class="links" when the style sheet says #links will not work

 

Yes, I know how to code CSS/DIVs...I was just having a problem with this piece of code and it was solved, Thanks for making me more aware of classes and ids in divs/css Mod/Admin please close this. Thank you for all your help guys!