为什么我的背景颜色不显示？

-1

.backgroundcolorLightSkyBlue { 
    background-color: lightskyblue; 
}

，我试图用这种方式，与现有的自举类一起：

<div class="jumbotron backgroundcolorLightSkyBlue" >

但div的背景颜色没有改变。在“超大屏幕”类也有一个背景颜色定义，但我评论它，仍然没有改变...

来源

2013-10-27 B. Clay Shannon

东西是压倒一切的呢？试试'！重要'？ – 2013-10-27 14:52:42

难道你不能在任何普通浏览器的devtools中检查你的页面吗？ - 看看应用了哪个规则？ – raina77ow

@Clay Shannon你解决了这个问题吗？想知道为什么这种风格没有表现出来。 :) – 2013-10-28 17:03:37

不推荐使用!important。尝试调试为什么不应用样式。尝试更具体的选择器。例如：

#someParentDiv .jumbotron.backgroundcolorLightSkyBlue { 
    background-color: lightskyblue; 
}

重要声明不应该被使用，除非它们是绝对必要的毕竟其他途径已经用尽。如果你使用！因为懒惰，为了避免正确的调试，或者急于完成项目，那么你会滥用它，而你（或那些继承你的项目的项目）将会遭受后果。

了解更多：When Should !important Be Used?

来源

2013-10-27 15:01:36

尝试

.backgroundcolorLightSkyBlue { 
    background-color: lightskyblue !important; 
}

也许一些其他样式覆盖这一块，看看你的与萤火虫或类似工具元素

是的，我知道！重要的是不建议

但许多插件使用这一招在他们的CSS，因为他们不知道你的DOM结构他们止跌” t做类似：

#parentDiv .backgroundcolorLightSkyBlue

来源

2013-10-27 14:52:37 sbxmal

不是;没有区别。 –

除非绝对必要，否则我不会使用'！important'修饰符。使用更具体的基于选择器的方法要好得多。例如使用'div.backgroundcolorLightSkyBlue {...}'也应该产生想要的结果。更多关于选择器[here]（http://www.w3.org/TR/css3-selectors/#selectors）。 –

为什么我的背景颜色不显示？

回答

相关问题