css - 无法更改颜色属性，尽管选择器正在工作

Question

我有以下问题，我正在尝试在 joomla 菜单中更改“<li>”元素的文本颜色。我给菜单一个名为 blueMenu 的 CSS 选择器的链接，这是我关于该类的 CSS：

.blueColor {
   color: blue;
}

但是，这不会改变文本的颜色，另一方面，如果我用“背景颜色”更改“颜色”，则文本的背景会变为蓝色。知道可能导致问题的原因吗？

score 3 · Accepted Answer

您没有提供太多信息，但可能是 li 内部有一个子元素，它覆盖了 li 样式，请确保您使用最后一个子元素的样式。

你也可以用 !important;

.blueColor {
   color: blue!important;
}

score 0 · Accepted Answer

这在很大程度上取决于您的模板。

如前所述，原因可以是内联样式，也可以是更“不同”的声明。

如果您只是像在此中所做的那样指定类，.blueColor则将被视为较低的优先级，li.blueColor或者更清楚地以较低的优先级视为 eh#someId.andClass .subElementClass li.blueColor a.thisIsWhatIsReallyBlue

这更多是关于 CSS 规范而不是 Joomla 问题。

您可以通过启动 webbrowser 的 Development-Tools 来检查真正应用的样式（对于 Chrome，只需按 F12 或右键单击元素并直接检查元素）右侧的 CSS-Section 可能会告诉您真正使该项目变为蓝色的原因；）

哦，请注意：如前所述，您可以使用!important“强制”要应用的样式，但如果这不是绝对必要的，我建议找到以干净方式覆盖此样式的方法，因为!important，如果经常使用，可能会导致您的样式表完全混乱。

问候

score -1 · Accepted Answer

我对 joomla 不熟悉，但它可能会将内联样式插入到您要设置样式的任何元素中。右键单击元素并使用检查元素(firefox) 或仅检查(chrome) 以查看是否应用了任何样式。

它看起来像<div class="" style="color: blue;">

3 回答 3