2016-07-18 15 views
0

cssで重要なことを知りません!CSSを適用するには正しい方法ですか?

私のプロジェクトでは、ブートストラップを使用しました。プロジェクトで何かを達成するには、

は、私のスタイルシートに!importantを入れてbootstrap.cssを上書きしました。

これは正しい方法ですか?

もし間違っていたらどうすればいいのですか?重要なルールがどのように機能しますか?

答えて

0

ブートストラップCSSをオーバーライドしてスタイルシートからスタイルを適用する必要がある場合があります。しかし、必ずしも!importantの使用は適用されません。スタイルシートファイルの使用順序も重要です。たとえば、カスタマイズされたスタイルシートの前にブートストラップファイルを配置して、ブートストラップで定義されたスタイリングを上書きする必要があります。 bootstarp.cssファイルの後にカスタマイズしたスタイルシートをインポートしても、期待した結果が得られないことがあります。これは、CSSの特異性のために問題になる可能性があります。 !他のすべてのオプションを試してみることが絶対に必要な場合を除き、重要ではありません。あなたが怠惰から重要なものを使用した場合、適切なデバッグを避けるためには、その結果に苦しむかもしれません。

あなたがここにCSSの特異性についての詳細を読んで、重要なことができます!

http://sixrevisions.com/css/css-specificity/

https://css-tricks.com/when-using-important-is-the-right-choice/

1

を重要な特性を持っているルールは常にそのルールがに表示されて関係なく適用されます! CSSドキュメント。 hereから

:!

使用して重要なのは悪い習慣であり、それは が あなたのスタイルシートで自然なカスケードを破壊することにより、デバッグがより困難になるため避けるべきです。 !重要な規則を持つ2つの矛盾する宣言が同じ要素に適用された場合、 のより詳細な宣言が適用されます。親指の

いくつかのルール:

  • でも を検討する前に、必ず特異性を利用する方法を探して重要なだけ使用し、外部から( サイト全体または外国CSSをオーバーライドするページ固有のCSSに関する重要! Bootstrapや normalize.cssなどのライブラリ
  • プラグイン/マッシュアップを書くときは絶対に使用しないでください。
  • サイト全体のCSSでは絶対に使用しないでください。 !を重要なものとして使用する代わりに、CSSカスケードプロパティを使いやすくし、より具体的なルールを使用することができます。
関連する問題