Css 添加未重写的活动类

我很确定我错过了一些简单的东西；我有一个

元素的集合，我在其中添加了一个悬停边框（实际上更改了不透明度）

当选择其中一个元素时，我将使用JQuery向该元素添加一个类“active”。

.active

类为元素提供蓝色边框。但是，如果该元素悬停在其上，它仍然会添加黑色边框，或者尝试

问题：我是否可以指示

LI

元素仅在没有

.active

类时显示边框

以下是我正在尝试的CSS：

.overview li{边框：1px实心rgba（0,0,0,0.0）；}/*透明边框*/
.overview li:悬停{边框：1px实心rgba（0,0,0,0.8）；}/*悬停时显示*/
.overview li.active{边框：1px实心rgba（51204204,0.9）；}/*在active上更改颜色*/
.overview li.active:悬停{边框：1px实心rgba（51204204,0.9）；}/*尝试强制边框*/

您添加的空格

过多

.overview li.active{边框：1px实心rgba（51204204,0.9）；}/*在激活状态下更改颜色*/
.overview li.active:悬停{边框：1px实心rgba（51204204,0.9）；}/*尝试强制边框*/

基本上，您是在
li
的子/孙节点中查找任何类
active
，而不是在
li
本身上
 
.overview li.active
表示“具有类'active'的元素，并且是具有类'overview'的元素的子元素的
li
”。您的意思是“具有类'active'的
li
，它是具有类'overview'的元素的子元素”

您需要执行
.overview li.active
和
.overview li.active:悬停
，删除多余的空格。
Ah blcks！我知道这很简单！非常感谢。我快疯了。