CSS3 wyłącza efekt zawieszania selektywnie

Question

Mam nienumerowaną listę zawierającą wiele elementów - niektóre pozycje to "nagłówki", większość pozycji to linki.

Obecnie mam następujący CSS na mojej liście:

#result-side-menu li:hover { 
    background-color: rgba(0,0,0,0.15); 
} 

Chcę, aby móc wyłączyć dymek tylko elementów listy nagłówek utrzymując go na wszystkich innych. Mój najlepszy (i nadal nieudana) próba dotychczas było to zrobić:

#result-side-menu.li-no-hover li:hover { 
    background-color: none; 
} 

a następnie zastosować class="li-no-hover" do elementów listy nagłówek.

Czy istnieje sposób osiągnięcia tego, co próbuję zrobić?

Answer 1

Jeśli stosuje class="li-no-hover" do swoich elementów li nie ma wpływu aktywowanych, to jest css chcesz:

#result-side-menu li.li-no-hover:hover { 
    background-color: transparent; 
} 

Answer 2

Można spróbować to:

#result-side-menu li.li-no-hover:hover { 
    opacity:1; 
}