-1

私はこのCSSを持っています：

.backgroundcolorLightSkyBlue {
  background-color: lightskyblue;
}

既存の Bootstrap クラスとともに、この方法で使用しようとしています。

<div class="jumbotron backgroundcolorLightSkyBlue" >

しかし、div の背景色は変わりません。「ジャンボトロン」クラスには背景色が定義されていましたが、コメントアウトしましたが、まだ変更されていません...

4

2 に答える 2

3

使用!importantはお勧めしません。スタイルが適用されない理由をデバッグしてみてください。より具体的なセレクターを試してください。例：

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

!important 宣言は、他のすべての方法が使い果たされた後に絶対に必要な場合を除き、使用しないでください。適切なデバッグを回避するため、またはプロジェクトを急いで完了させるために、怠惰から !important を使用する場合は、それを悪用していることになり、あなた (またはプロジェクトを継承する人) がその結果に苦しむことになります。

詳細:いつ !important を使用する必要がありますか?

于 2013-10-27T15:01:36.180 に答える
1

試す

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

他のスタイルがこれをオーバーライドする可能性があります。firebug または同様のツールで要素を確認してください。

はい、私は !important が推奨されないことを知っています

しかし、多くのプラグインは CSS でこのトリックを使用しています。これは、DOM 構造を知らず、次のようなことをしないためです。

#parentDiv .backgroundcolorLightSkyBlue
于 2013-10-27T14:52:37.583 に答える