CSS + Mediaクエリのヘルプ+要素のスタイル

Question

CSSの忍者によっては、思考過程が正しいかどうかを確認できますか？

私は、デバイスが横長か縦長かに応じてメディアクエリ設定CSSを持つプロジェクトを持っています。私のCSSが要素の幅を500pxに設定し、その幅を600pxと言うように変更すると、要素のスタイルが変更されます。

デバイスの向きが変わると、要素のスタイルは、自分のCSSファイルが設定されているかどうかにかかわらず、600pxにとどまります。要素スタイルはcssファイルからのスタイリングよりも上位階層であるためです。

私がする必要があるのは、そのelement.style（ 'width'）= ''を多かれ少なかれ消去するように設定することです。

私は正しいですか？ cssファイルに要素のスタイルを常にオーバーライドさせる方法がありますか？

ありがとうございます！

Answer 1

！重要な宣言をCSSファイルで使用すると、インラインスタイルが上書きされます。下の例ではdivの幅は400pxになります。

.example { 
    width:400px !important; 
} 

<div class="example" style="width:600px"></div> 

あなたはユーザーがが幅を変更できるようにしている理由はわからないが - あなたは常に望ましくない状況に買ってあげるように思えます。しかし、これはうまくいかなければなりません:)