css - CSS3有选择地禁用悬停效果

Question

我有一个包含多个项目的未编号列表 - 有些项目是“标题”，大多数项目是链接。

目前，我的列表中有以下 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"标题列表项。

有没有办法实现我想要做的事情？

Answer 1

如果您应用class="li-no-hover"到您li不想要悬停效果的元素，那么这就是您想要的 css：

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

Answer 2

你可以试试这个：

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