无法更改颜色 属性,尽管选择器正在工作
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
,如果经常使用,可能会导致样式表完全混乱。
问候
我遇到了以下问题,我正在尝试更改 joomla 菜单中“
.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
,如果经常使用,可能会导致样式表完全混乱。
问候