Css Can';t更改颜色属性,尽管选择器正在工作
我有以下问题,我正在尝试更改joomla菜单中“Css Can';t更改颜色属性,尽管选择器正在工作,css,joomla,joomla3.5,Css,Joomla,Joomla3.5,我有以下问题,我正在尝试更改joomla菜单中“”元素文本的颜色。我给菜单一个指向css选择器blueMenu的链接,这是我关于类的css: .blueColor { color: blue; } 但是,这不会改变文本的颜色,另一方面,如果我将“颜色”更改为“背景色”,则文本的背景将变为蓝色。知道问题的起因吗?您没有提供太多信息,但可能是li中有一个子元素,它覆盖了li样式,请确保在最后一个子元素上使用该样式 你也可以强迫它!重要的 .blueColor { color: blue
.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时,它正在工作。另外要注意的是,这个问题在其他浏览器中也出现了。我已经找到了一个解决方案,只要改变我选择元素的方式,它就会工作。你的回答激励我这么做。