活动类状态不起作用

Question

我有以下规则将活动和悬停状态应用于li元素：

.toolbar ul li.plus {
    background-position: 0 -170px;
}
.toolbar ul li.plus:hover, li.plus.active {
    background-position: -34px -170px;

现在，当我将鼠标悬停在HTML标记上时，我的HTML标记会正常工作：

<li class="plus"><a href="#" data-content="Add property to shortlist" data-trigger="hover" title="">link</a></li>

但是，如果我想明确激活它，则不能使用以下内容：

<li class="plus active"><a href="#" data-content="Add property to shortlist" data-trigger="hover" title="">link</a></li>

任何帮助将不胜感激。

Answer 1

.toolbar ul li.plus的特异性高于li.plus.active。你可以使用

.toolbar ul li.plus.active