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

【问题标题】：Can't change color property, although the selector is working无法更改颜色属性，尽管选择器正在工作
【发布时间】：2016-08-26 06:30:14
【问题描述】：

我有以下问题，我正在尝试在 joomla 菜单中更改“

”元素的文本颜色。我给菜单一个名为 blueMenu 的 CSS 选择器的链接，这是我关于该类的 CSS：

.blueColor {
   color: blue;
}

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

【问题讨论】：

标签： css joomla joomla3.5

【解决方案1】：

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

你也可以用 !important; 强制它

.blueColor {
   color: blue!important;
}

【讨论】：

【解决方案2】：

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

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

如果您只是像在.blueColor 中那样指定类，则会以较低的优先级处理，例如li.blueColor 或者为了更清楚地了解这两种情况，将其作为 e.h. 的优先级较低。 #someId.andClass .subElementClass li.blueColor a.thisIsWhatIsReallyBlue

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

您可以通过启动 Web 浏览器的开发工具来检查真正应用的样式（对于 Chrome，只需按 F12 或右键单击元素并直接检查元素）右侧的 CSS-Section 可能会告诉您真正使项目变为蓝色的原因;)

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

问候

【讨论】：

我使用了firefox检查器来验证是否正在应用样式，并且似乎是。同样正如我所说，当我将颜色属性更改为背景颜色时，它正在工作。作为补充说明，该问题也出现在其他浏览器中
我找到了一个解决方案，只需改变我选择元素的方式，它就可以工作了。你的回答激励我这样做。

【解决方案3】：

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

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

【讨论】：