html - 活动类状态不起作用

Question

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

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

现在，当我将鼠标悬停在它上面时，我的 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