2017-08-29 2 views
0

私の質問は、CSSファイルをプリンシパルとして指定する方法です。私が言いたいのは、2つのCSSファイル(ブートストラップ用とカスタムCSS用)があり、カスタムファイルのすべてのスタイルをすべてのプロジェクトのファイルにとって重要なものにしたいということです。しかし、私はブートストラップを保つことも望みます。 ありがとうございます。CSSファイルのプリンシパル名を

答えて

1

CSSの仕様では、セレクタの優先順位は、三つの要因にさらされることを規定し、順番に:

  1. 重要
  2. 特異
  3. ソース順

スタイルシートをプリンシパルとして定義する方法はありませんが、あなたが見ているのはソースの順序です。順序でさらに進んだスタイルルールが優先されます。したがって、後で定義する重要度と特殊性に応じて、ブートストラップスタイルシートと前者のルールが優先される可能性があるので、カスタムスタイルシートをインポートしてください。カスケード設定の詳細については、hereを参照してください。

+0

ありがとうございました! –

0

index.htmlのようなものを使用することを意味する場合は、ブラウザが理解するように、最初にロードする必要があります。www.example.com/を入力してください。 cssファイルの名前規則はありません。最も一般的な名前はstyle.cssです。 、最初にあなたのhtmlその後

<link href="css/bootsrap.css"> 

であなたのブートストラップファイルをロードするカスタムCSSファイルをロードします。ここでは

は、あなたが何ができるかです。さて、時にはあなたがそうuは、このように、あなたの宣言を閉じる前に!important句を使用することができ、ブートストラップのルールが機能しません上書きしようとすると:

background-color: red !important 
+1

'!important'は絶対に避けてください。代わりに、より特異性の高いセレクタを作成する必要があります。 – j08691

+1

@ j08691私はそれをすべての費用で避けるとは言いません。あなたが常に他のクラスをオーバーライドするユーティリティ '.red'や' .bold'クラスのような、有効なユースケースがあります。それらは '!important'が意図している用途の種類です。何が避けなければならないのは、実際には必要でないときに '!important'を乱用することです。 – Blazemonger

関連する問題