使用JS样式时的CSS优先级

Question

此问题与优先级有关。我有一个<ul>，其中包含我的导航项目<li>我有一个ID为<ul>，我用它来引用嵌套在样式中的<li>和<a>标签。这一切都可以正常工作，但是当我使用JavaScript为这些特定的<a>标签添加类时，在悬停在链接上时更改外观没有任何反应。

我知道代码是正确的，因为我已经测试过它，但它似乎在引用样式时ID样式优先于类的样式。

我该如何去寻找解决方案，我的一个想法是在添加类之前删除鼠标中的现有ID，然后在mouseleave上反过来。有更简单的解决方案吗？

Answer 1

尝试添加！重要的是你的CSS结束的值需要覆盖。

.class { color: #fbfbfb !important; } 

Answer 2

ID样式比较强，但在为样式链接添加类时也可以使用它。

所以，如果你的菜单是

<ul id="main"> 
    <li><a href=#></a></li> 
</ul> 

和JS补充类“徘徊”，以元素，然后用CSS

#main .hovered { 
.. styles here 
}