html - CSS - 已声明样式的计算样式

Question

我在 ExtJS 6 中制作了一个应用程序，制作了一个菜单并将菜单项制作为链接。颜色更改为默认链接颜色，所以我想将它们更改为黑色。我写了一个 CSS 并且它可以加载，在 Chrome 中的样式菜单的元素面板中它显示它是事件样式。但是当我检查 Computed 菜单时，它显示颜色是 rgb(85, 26, 139)。我什至可以扩展它，它向我展示了这个:

包含样式的 css 是最后添加的，我几乎尝试了所有想到的东西。超链接应该有一些东西，因为有一些菜单项不用作链接并且样式对它们很有效。

知道我能用它做什么吗？

提前致谢!

编辑:

我的 CSS 样式:

.menu-item a:link, .menuItem a:visited, .menuItem a:hover, .menuItem a:active {
    color: #222222 !important;
    text-decoration: none;
}

Answer 1

您是否尝试过将 .menu-item a 的样式设置为 #222222；和

.menu-item a:not([href]) { color:rgb(85,26,139);

.menu-item a, .menu-item a:link, .menuItem a:visited, .menuItem a:hover, .menuItem a:active {
    color: #222222;
    text-decoration: none;
}
.menu-item a:not([href]) {
  color:rgb(85,26,139);
}

像这样:https://jsfiddle.net/Harvey89/164opbL4/3/

可能最好不要使用 !important