1

想像してみてください…</p> 

@media screen and (min-width: 55.5em) {
    aside[role="attend"] {
        margin:0 !important;
    }
}

@media screen and (min-width: 61.5em) {
    aside[role="attend"] {
        margin:0; /* still !important but shouldn't be */
    }
}

!important宣言を上書きまたは「削除」して、より高いmin-width値に適用されないようにする方法はありますか?

4

1 に答える 1

2

いいえ; カスケードが機能する方法では、宣言を元に戻し!importantたり、「重要ではない」にする方法はありません。

これは、ルールが異なる@mediaルール内で発生するか、スタイルシートの他の場所で発生するかに関係ありません。つまり、最初からメディア クエリがない場合と同じです。

aside[role="attend"] {
    margin:0 !important;
}

aside[role="attend"] {
    margin:0;
}

ついでに言うと、min-width: 55.5emとmin-width: 61.5emメディア クエリの両方が満たされた場合にブラウザが実際に見るものです。

それを削除する方法を見つけて、代わりに最初のルール!importantでより具体的なセレクターを使用する方がはるかに優れています。@media

于 2012-07-24T22:02:47.100 に答える