CSS Hover在几个类中相同

Question

以下类具有完全相同的css规则我想知道是否可以将这些设置为3。

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

到目前为止，我试过没有运气：

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

谢谢！

Answer 1

您需要指定课程吗？

如何：

#menuHolder a:hover{}

Answer 2

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

Answer 3

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

}

如果您的课程总是具有相同的样式，则可以使用逗号分隔相同的样式集。

但是，如果经常发生这种情况，可能需要查看HTML设计，看看是否可以整理每次调用相同的类。

例如，如果.l1，.l2，.l3相同，可能会将这些类替换为.l，以便CSS可以只是：

#menuHolder .l 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 {
    ...
}

然而，你应该做的是为所有3个人提供一般课程，然后是这样的：

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