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

Can't change color property, although the selector is working

我遇到了以下问题,我正在尝试更改 joomla 菜单中“

  • ”元素的文本颜色。我给菜单一个 link 到 css 选择器,叫做 blueMenu,这是我的 CSS 关于 class:

    .blueColor {
       color: blue;
    }
    

    然而,这不会改变文本的颜色,另一方面,如果我将 "color" 更改为 "background-color",文本的背景将变为蓝色。知道可能导致问题的原因吗?

  • 您提供的信息不多,但可能是 li 内部有一个子元素覆盖了 li 样式,请确保您在最后一个子元素上使用该样式。

    您也可以使用 !important;

    强制执行
    .blueColor {
       color: blue!important;
    }
    

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

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

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

    如前所述,原因可以是内联样式,也可以是更多 "distinct" 声明。

    如果您只是像在 .blueColor 中那样指定 class,这将被视为较低的优先级,例如li.blueColor 或更清楚地说明两者都被视为 e.h 的较低优先级。 #someId.andClass .subElementClass li.blueColor a.thisIsWhatIsReallyBlue

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

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

    哦,请注意: 正如已经提到的,您可以使用 !important 到 "force" 要应用的样式,但如果这不是绝对必要的,我建议找到以干净的方式覆盖此样式的方法,因为 !important,如果经常使用,可能会导致样式表完全混乱。

    问候