Правильный синтаксис CSS нескольких классов

Question

Это прекрасно работает:

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

но это не так

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

Я получаю сообщение о том, что я написал этот стиль неправильно, поскольку CSS не работает над моим элементом.Как бы я написал это правильно ... правильный синтаксис?

Answer 1

Должно быть

a.commentArea:hover

селекторы, нацеленные на один и тот же элемент, не должны быть разделены пробелами.

Answer 2

ul.tabs a.commentArea:hover

Убрать пробел перед: hover

См. http://www.w3schools.com/CSS/css_pseudo_classes.asp

Answer 3

пробела нет: hover

ul.tabs a.commentArea:hover