html - 尽管 html 元素没有特定的类，但添加了 css

Question

我有一个关于这种样式的 CSS(样式是用 LESS 编写的)问题:

#someId .someClass ul li.active a {
    color: #6B007D !important;
}

每次输入链接时，页面都会重新加载，并且作为其父级的 li 会获得 class="active"(这是它唯一的类)。按照设计，li 元素没有类。

<div id="someId">
...
<div class="someClass">
....
    <li>
        <a href="somelink.htm">Something</a>
    </li>
....
</div>
....
</div>

当我在开发者工具(在 Chrome 和 Firefox 中)中检查没有“active”类的 li 时，它指出带有“active”类的样式无论如何都会生效。为什么会这样？如何预防？

附言。 !important 是遗留代码，不是我的设计选择。

问题已解决，问题未回答 我重写了添加 css 类的脚本，这样就没有空的 li 元素了。如果它不活跃，它会获得“notactive”类。它实际上适用于这个问题，但我不想将其添加为答案，因为我想了解实际发生了什么？

Answer 1

该样式不是来自您的 css，它是应用于任何 anchor 元素的浏览器默认样式。如果没有这些 CSS，您可以在此处看到相同的内容。

颜色 #6B007D 与当前应用于 anchor 文本的颜色不同。您可以在示例中的 anchor 文本下方看到颜色为 #6B007D 的文本。

<li>
    <a href="somelink.htm">Something</a>
</li>

<p style="color: #6B007D">Text in color: #6B007D</p>