CSS3 отключает эффект зависания выборочно

У меня есть ненумерованный список, содержащий несколько элементов - некоторые элементы являются заголовками, большинство элементов - это ссылки.

В настоящее время у меня есть следующий CSS для моего списка:

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

Я хочу, чтобы можно было отключить зависание только в элементах заголовка, сохраняя его на всех остальных. Моя лучшая (и все еще неудачная) попытка до сих пор заключалась в следующем:

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

а затем применить class="li-no-hover" к элементам списка заголовков.

Есть ли способ достичь того, что я пытаюсь сделать?

Ответ 1

Если вы примените class="li-no-hover" к вашим li элементам, вам не нужен эффект наведения, то это css, который вы хотите:

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

Ответ 2

Вы можете попробовать следующее:

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