CSS Hover один и тот же для нескольких классов

Question

В следующих классах применялись абсолютно одинаковые правила css. Интересно, есть ли способ установить эти 3 в одном?

Спасибо!

Answer 1

#menuHolder .l1 a:hover,
#menuHolder .l2 a:hover,
#menuHolder .l3 a:hover {
    ...
}

Answer 2

Вам нужно указать класс?

Как насчет просто:

#menuHolder a:hover{}

Answer 3

Нет. Единственный способ:

#menuHolder .l1 a:hover, #menuHolder .l2 a:hover, #menuHolder .l3 a:hover {
    ...
}

Однако вы должны дать общий класс для всех трех из них, а затем что-то вроде этого:

#menuHolder .hoverable a:hover {
    ...
}

Answer 4

 #menuHolder .l1 a:hover, #menuHolder .l2 a:hover, #menuHolder .l3 a:hover
 {

 }

Answer 5

#menuHolder .l1 a:hover, #menuHolder .l2 a:hover, #menuHolder .l3 a:hover
{

}

Если у вас есть классы, которые всегда будут иметь одинаковые стили, вы можете разделить их запятыми для одного и того же набора стилей.

Однако, если это происходит часто, возможно, стоит заглянуть в вашРазработка HTML-кода, чтобы увидеть, можно ли каждый раз вызывать одни и те же классы.

Например, если .l1, .l2, .l3 одинаковы, возможно, замените классы на .l так что CSS может быть просто:

#menuHolder .l a:hover
{

}