Css Can';t更改颜色属性,尽管选择器正在工作

Css Can';t更改颜色属性,尽管选择器正在工作,css,joomla,joomla3.5,Css,Joomla,Joomla3.5,我有以下问题,我正在尝试更改joomla菜单中“”元素文本的颜色。我给菜单一个指向css选择器blueMenu的链接,这是我关于类的css: .blueColor { color: blue; } 但是,这不会改变文本的颜色,另一方面,如果我将“颜色”更改为“背景色”,则文本的背景将变为蓝色。知道问题的起因吗?您没有提供太多信息,但可能是li中有一个子元素,它覆盖了li样式,请确保在最后一个子元素上使用该样式 你也可以强迫它!重要的 .blueColor { color: blue

我有以下问题,我正在尝试更改joomla菜单中“
  • ”元素文本的颜色。我给菜单一个指向css选择器blueMenu的链接,这是我关于类的css:

    .blueColor {
       color: blue;
    }
    

    但是,这不会改变文本的颜色,另一方面,如果我将“颜色”更改为“背景色”,则文本的背景将变为蓝色。知道问题的起因吗?

    您没有提供太多信息,但可能是li中有一个子元素,它覆盖了li样式,请确保在最后一个子元素上使用该样式

    你也可以强迫它!重要的

    .blueColor {
       color: blue!important;
    }
    

    您不会提供太多信息,但可能是li中有一个子元素,它会覆盖li样式,请确保在最后一个子元素上使用该样式

    你也可以强迫它!重要的

    .blueColor {
       color: blue!important;
    }
    

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


    它看起来像是

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


    它看起来像

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

    如前所述,原因可以是内联样式,也可以是更“独特”的声明

    如果您只是像在
    .blueColor
    中那样指定类,这将以较低的优先级处理,例如
    li.blueColor
    ,或者以较低的优先级处理,例如e.h.
    \someId.and class.subelement类li.blueColor a.Thisis reallyBlue

    这更多的是CSS规范,而不是Joomla问题

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

    哦,还有一个提示: 如前所述,您可以使用
    !重要信息
    “强制”应用样式,但如果这不是绝对必要的,我建议找到以干净的方式覆盖此样式的方法,因为
    !重要信息
    ,如果经常使用,可能会导致样式表完全混乱


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

    如前所述,原因可以是内联样式,也可以是更“独特”的声明

    如果您只是像在
    .blueColor
    中那样指定类,这将以较低的优先级处理,例如
    li.blueColor
    ,或者以较低的优先级处理,例如e.h.
    \someId.and class.subelement类li.blueColor a.Thisis reallyBlue

    这更多的是CSS规范,而不是Joomla问题

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

    哦,还有一个提示: 如前所述,您可以使用
    !重要信息
    “强制”应用样式,但如果这不是绝对必要的,我建议找到以干净的方式覆盖此样式的方法,因为
    !重要信息
    ,如果经常使用,可能会导致样式表完全混乱


    关于

    我使用firefox inspectore来验证样式是否被应用,而且似乎是这样。正如我所说,当我将color属性更改为background color时,它正在工作。另外要注意的是,这个问题在其他浏览器中也出现了。我已经找到了一个解决方案,只要改变我选择元素的方式,它就会工作。你的回答启发了我这么做。我使用firefox inspectore来验证该样式是否被应用,而且看起来确实如此。正如我所说,当我将color属性更改为background color时,它正在工作。另外要注意的是,这个问题在其他浏览器中也出现了。我已经找到了一个解决方案,只要改变我选择元素的方式,它就会工作。你的回答激励我这么做。