使用JS进行样式设置时的CSS优先级

Question

这个问题与优先权有关。我有一个<ul>，其中包含<li>中的导航项。我有<ul>的ID，用于引用嵌套在其中的<li>和<a>标记造型。这一切都很好，但是当我使用JavaScript为这些特定的<a>标签添加一个类时，要在悬停在链接上时改变外观，就不会发生任何事情。

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

我如何寻找解决方案，我的一个想法是在添加课程之前删除mouseenter上的现有ID，然后在mouseleave上反之亦然。有更简单的解决方案吗？

Answer 1

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

所以，如果您的菜单是

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

JS将元素“hovered”添加到元素中，然后使用CSS

#main .hovered {
.. styles here
}

Answer 2

尝试在css的末尾添加！important以获取需要覆盖的值。

.class { color: #fbfbfb !important; }