Proper CSS syntax multiple classes

Question

This works fine:

ul.tabs a.current:hover {
    background-position: -420px -31px;  
    color:#000; 
}

but this dosent

ul.tabs a.commentArea.current:hover {
     background-position: -420px -31px; 
     color:#000; 
    }

Im getting the indication that I wrote this style incorrectly, as the css isnt working on my element. How would I write this correctly...proper syntax?

Your edited CSS code is correct. Do you actually have <a class="commentArea current">? — BoltClock
– BoltClock, Commented Dec 30, 2010 at 0:01
Ive got it working now...had to remove the space before :hover — WillingLearner
– WillingLearner, Commented Dec 30, 2010 at 0:44

Pekka · Accepted Answer · 2010-12-29 23:56:37Z

1

It has to be

a.commentArea:hover

selectors targeting the same element must not be separated by spaces.

answered Dec 29, 2010 at 23:56

Pekka

451k150 gold badges989 silver badges1.1k bronze badges

Sign up to request clarification or add additional context in comments.

Comments

sethvargo · Accepted Answer · 2010-12-29 23:57:03Z

0

no space before :hover

ul.tabs a.commentArea:hover

answered Dec 29, 2010 at 23:57

sethvargo

27k10 gold badges90 silver badges160 bronze badges

Comments

Julien · Accepted Answer · 2010-12-29 23:58:36Z

0

ul.tabs a.commentArea:hover

Remove the space before :hover

See http://www.w3schools.com/CSS/css_pseudo_classes.asp

answered Dec 29, 2010 at 23:58

Julien

5,7895 gold badges39 silver badges61 bronze badges

Collectives™ on Stack Overflow

Proper CSS syntax multiple classes

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related