0

サイトの CSS ページに次のコードがあります。

left: 0 !important;

!importantこれは、このコードで正確に何を意味しますか?

これはどこにも見たことがありません。

4

6 に答える 6

3

CSSは、スタイルがブラウザーによって読み取られる順序で適用されることを意味します。

最初のスタイルが適用され、次に 2 番目のスタイルが適用されます。

これが意味することは、あるスタイルがスタイル シートの上部に表示され、ドキュメントの下部で変更された場合、そのスタイルの 2 番目のインスタンスが最初のインスタンスではなく適用されるということです。

たとえば、次のスタイル シートでは、適用される最初のスタイル プロパティが赤であっても、段落テキストは黒になります。

p { color: #ff0000; }
 p { color: #000000; }

この!importantルールは、CSS をカスケードする方法ですが、最も重要と思われるルールを常に適用する方法でもあります。

プロパティを持つルールは、!importantそのルールが CSS ドキュメントのどこに表示されても常に適用されます。

したがって、プロパティが常に適用されるようにする場合は、タグに !important プロパティを追加します。

したがって、段落テキストを常に赤くするには、上記の例で次のように記述します。

p { color: #ff0000 !important; }
 p { color: #000000; }
于 2012-09-20T08:59:23.843 に答える
2

つまり、要素の他のすべての宣言を上書きします。カスケード順序の詳細はこちら http://www.w3.org/TR/CSS21/cascade.html#cascading-order

于 2012-09-20T08:58:00.483 に答える
1

!importantCSS で使用される命令で、カスケードのさらに下または要素のインライン スタイル属性にある可能性のある他のスタイルをオーバーライドします。

たとえば、次のようになります。

.myDiv
{
    color: blue !important;
}


body .myDiv
{
    color: red;
}

他のセレクターの方が具体的ですが、重要に設定されているため、色は青になります。

于 2012-09-20T08:58:33.640 に答える
1

これは、同じ要素または親の 1 つに設定された他の CSS の left 属性を上書きすることを意味します。

于 2012-09-20T08:58:58.860 に答える
1

つまり、このステートメントは他のすべてのコードをオーバーライドします。

例：

div{
    left: 0px !important;
    } 
div {
    left: 100px;
    }

したがって、div は0px leftです!important。left: 100px;

于 2012-09-20T08:59:00.230 に答える
1

マイクロソフトから

CSS は、作成者とユーザーのスタイル シート間の「力のバランス」を作成しようとします。デフォルトでは、作成者のスタイル シートのルールがユーザーのスタイル シートのルールよりも優先されます。ただし、バランスのために、!important 宣言は通常の宣言よりも優先されます。作成者とユーザーの両方のスタイル シートに !important 宣言を含めることができ、ユーザーの !important ルールが作成者の !important ルールをオーバーライドします。

于 2012-09-20T08:59:08.987 に答える