css - 添加事件类而不是覆盖

Question

我很确定我在这里遗漏了一些简单的东西；我收藏了 <LI>我在悬停时添加边框的元素(实际上改变了不透明度)。

当选择其中一个时，我使用 JQuery 向该元素添加一个类“active”。 .active class 给元素一个蓝色边框。但是，如果该元素悬停在其上，它仍然会添加黑色边框，或者尝试添加。

问题:我能以某种方式指示 LI 吗？如果没有 .active 元素只显示边框类(class)？

这是我正在尝试的 CSS:

.overview li { border:1px solid rgba(0,0,0,0.0);} /* transparent border */

.overview li:hover{ border:1px solid rgba(0,0,0,0.8); } /* show on hover */

.overview li .active { border:1px solid rgba(51,204,204,0.9); } /* change color on active */

.overview li .active:hover { border:1px solid rgba(51,204,204,0.9); } /* trying to force border */

Answer 1

你添加的空格""太多了

.overview li.active { border:1px solid rgba(51,204,204,0.9); } /* change color on active */

.overview li.active:hover { border:1px solid rgba(51,204,204,0.9); } /* trying to force border */

基本上，您是在 li 的子节点/孙节点中而不是在 li 本身上寻找任何类 active。