Активное состояние класса не работает

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