我如何使用两个类的悬停属性

Dhi*_*raj 0 css html5 twitter-bootstrap

我有两个css课程

    .circle-btn{
    }
    .circle-btn-medium{
    }
Run Code Online (Sandbox Code Playgroud)

无论两个类都有自己的属性.但是在悬停属性时我想为两者使用相同的背景颜色.

我找到的一个解决方案是如何单独使用悬停属性,如下所示

.circle-btn:hover
{
    background-color:#39C11E;
}
.circle-btn-medium:hover
{
    background-color:#39C11E;
}
Run Code Online (Sandbox Code Playgroud)

因此,不是单独使用悬停属性,是否可以同时使用此属性与不同的类,以便我可以优化我的编码?

Joh*_*ego 6

您可以通过将2类加入到一个来最小化它.

.circle-btn:hover , 
.circle-btn-medium:hover {
    background-color: #39c11E;
}
Run Code Online (Sandbox Code Playgroud)