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

Question

我有这个CSS：

.backgroundcolorLightSkyBlue {
  background-color: lightskyblue;
}

我正试图以这种方式使用它，以及现有的Bootstrap类：

<div class="jumbotron backgroundcolorLightSkyBlue" >

但div的背景颜色并没有改变。 “jumbotron”类确实有一个背景颜色定义，但我评论了它，但仍然没有变化......

Answer 1

不建议使用!important。尝试调试未应用样式的原因。尝试更具体的选择器。例如：

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

  

！除非是绝对的，否则不应使用重要的声明   所有其他途径都已用尽之后是必要的。如果你使用   ！重要的是懒惰，避免适当的调试，或急于   项目完成，然后你滥用它，和你（或那些   继承你的项目）将遭受后果。

了解详情：When Should !important Be Used?

Answer 2

尝试

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

也许其他一些样式会覆盖这个样式，用firebug或类似工具看看你的元素

是的，我知道！不推荐重要

但很多插件在他们的CSS中使用这个技巧，因为他们不了解你的DOM结构 他们不会做类似的事情：

#parentDiv .backgroundcolorLightSkyBlue