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;
}