UL 的 CSS 悬停和主动选择

Question

您好，我为悬停和事件菜单项设置了不同的颜色。问题是当一个元素处于事件状态时，它会在悬停时改变颜色。我希望它保持其活跃的颜色。我的意思是我不希望悬停颜色应用于事件菜单项。

CSS:

li a:hover{ 
   color: black; 
   text-shadow: 0px 1px 0px black;
}

li.active a{ 
   color: #f37121; 
   font-weight: bold; 
   font-size: 17px;
}

Answer 1

您可以为事件链接添加继承。

只需添加:

li.active a:hover{ color: inherit;}