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

Question

我有这个CSS：

.backgroundcolorLightSkyBlue {
  background-color: lightskyblue;
}

并尝试以这种方式使用它，以及现有的 Bootstrap 类：

<div class="jumbotron backgroundcolorLightSkyBlue" >

但是 div 的背景颜色并没有改变。“jumbotron”类确实定义了背景颜色，但我把它注释掉了，仍然没有改变......

Answer 1

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

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

!important declarations should not be used unless they are absolutely necessary after all other avenues have been exhausted. If you use !important out of laziness, to avoid proper debugging, or to rush a project to completion, then you’re abusing it, and you (or those that inherit your projects) will suffer the consequences.

Read more: When Should !important Be Used?

Answer 2

尝试

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

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

是的，我知道 !important 不推荐

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

#parentDiv .backgroundcolorLightSkyBlue