爲什麼我的背景顏色不顯示？

-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）。 –

爲什麼我的背景顏色不顯示？

回答

相關問題