html - 表示はオーバーライドできません

Question

デバイスのディスプレイが 600px より小さい場合、表示したくないページの一部があります。私はこのようなcssを持っています:

@media only screen and (max-width: 600px) {
    .smallScreenHidden {dispay:none}
}

次に<article>、クラスがあり、ブロックとして表示されるというものがあります。問題は、それをオーバーライドできないため、常に表示されることです。クラスをどの順序で書いても問題ありません。うまくいきません。

Answer 1

私たちと同じように、CSS の初心者であれば、次のようにします。

display: block !important;

ただし、あなたが熟練したユーザーであり、css の特異性の重要性を理解している場合は、いくつかのクラスを追加しても、表示プロパティをオーバーライドするのに役立たない理由を理解しようとするでしょう。<article>

私はあなたのコードを見ていないので、CSS の特異性の解決策を提供することはできません。Smashing Magazine による CSS の特異性に関するこの記事をチェックすることをお勧めします。