Question

我遇到以下问题，我试图改变＆＃34;＆lt;＆lt;＆lt;＆lt;立GT;＆＃34;元素，在joomla菜单中。我给菜单提供了一个名为blueMenu的css选择器的链接，这是关于类的CSS：

.blueColor {
   color: blue;
}

然而，如果我改变颜色＆＃34;这不会改变文本的颜色。用＆＃34;背景色＆＃34;文本的背景becoms蓝色。知道可能导致问题的原因吗？

Answer 1

你没有提供太多信息，但可能是li里面有一个子元素，它会覆盖li样式，确保你使用最后一个孩子的风格。

你也可以用！important;

强制它

.blueColor {
   color: blue!important;
}

Answer 2

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

正如已经说过的那样，原因可能是内联式，或者可能更多＆＃34;不同＆＃34;声明。

如果您只是像在.blueColor中那样指定了这个类，那么将使用较低的优先级来处理该类，例如li.blueColor或更清楚地将其作为e.h以较低优先级处理。 #someId.andClass .subElementClass li.blueColor a.thisIsWhatIsReallyBlue

这更多是关于CSS规范而不是Joomla-Problem。

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

哦，只是一张纸条：如前所述，您可以使用!important来强制＆＃34;强制＆＃34;要应用的样式，但如果这不是绝对必要的，我建议找到以干净的方式覆盖此样式的方法，因为!important，如果经常使用，可能会导致完整乱七八糟的样式表。

问候

Answer 3

我对joomla并不熟悉，但它可能会为你想要设计的任何元素插入内联样式。右键单击元素并使用检查元素（firefox）或只需检查（chrome）以查看是否应用了任何样式。

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

虽然选择器正在工作，但无法更改颜色属性

3 个答案: