2012-02-02 15 views
1

Iは、第一外部.cssファイルにある同じ規則を有し、第二は、exCSS - 内部対外部+重要!ルール

.img1 { background-image: url("....") !important; } <のVia ... 内部で - .cssファイル内で宣言とコードとを介して加え

.img1 { background-image: url("....") !important; } < - パートのコードビア内に宣言されています。

外部+重要は内部+重要を上回っているようです。

どうしてですか?そして重要なものを取り除くこと以外にそれを修正するために何ができるのですか?これはCSSのセレクタの優先順位についてですのような外部のCSSルールでルール

おかげ

+3

正直なところコーディングの年に私は一度も重要なルールを使用する必要性を見出していませんでした。あなたが論理的に構造について考えるなら、あなたは!importantを使わずに何かを完全に制御することができます。私は両方の重要な宣言を取り除き、あなたの問題は解決されます。 – Scott

+0

@ Scottのコメントに '!important'宣言は自然なカスケードを壊し、できるならばそれらを疫病のように避けてください。両方の宣言が同一の場合、どちらを宣言していますか?優先順位をつけたいものを最後のものとしてインポートしてみてください。 –

答えて

0

が鳴り、ウィッヒは、基本的には次のとおりです。

  • 異なるルールが同じ要素には適用された場合、より具体的なルールがあります使用規則は、後で一つは、「正常」なものEよりも好まれる!importantを含む
  • ルールを同じ使用されること
  • p.classだけ.classより良好です) !importantを含む二つのルールが同じ要素には適用された場合verytime
  • 、1以上の特定以降の1が、この詳細については読むために

を使用され、後に=さらに下http://www.vanseodesign.com/css/css-specificity-inheritance-cascaade/

を見てみましょうcssファイルの内容やcssファイルの内容は、同じhtml文書にさらに含まれています。

関連する問題