0

我很确定我在这里遗漏了一些简单的东西；我有一个<LI>元素集合，我在悬停时添加了一个边框（实际上改变了不透明度）。

When one of them is selected I user JQuery to add a class "active" to that element. 该类.active为元素提供了蓝色边框。但是，如果该元素悬停在它上面，它仍然会添加黑色边框，或者尝试。

LI问题：如果没有.active类，我可以以某种方式指示元素仅显示边框吗？

这是我正在尝试的 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 */
4

2 回答 2

4

您添加的空格" "太多

.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 */

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

于 2013-06-12T15:22:07.983 回答
4

.overview li .active意思是“具有类‘活动’并且是li类‘概述’的元素的子元素的子元素”。你的意思是“一个li具有‘活动’类的元素，它是具有‘概述’类的元素的子元素”。

你需要做.overview li.activeand .overview li.active:hover，删除多余的空格。

于 2013-06-12T15:22:15.557 回答