2つの間で優先順位を与える方法重要！

divに必要なCSSルールを維持するためには、一般的に適用するために「padding-left：70px！important」を追加する必要があります。2つの間で優先順位を与える方法重要！

モバイルの場合、私はパディング - 左：0pxを希望します。私はモバイルサイズのメディアクエリに「padding-left：0px！Important」を追加するだけです。

モバイルサイズに切り替えると自動的にメディアクエリ内のCSSスタイルが両方のものとして使う！重要。しかし、それはまだ75pxのパディングを保持します。

おかげ

2017-08-31 nic

回避するためのもう一つの良い理由！すべてのコストで重要。とにかく、メディアは70pxものの後に来るのかどうか質問しましたか？ –

あなたのCSSを追加できますか？それを行う唯一の方法は、絶対に使用しないことです！ – masterpreenz

CSSスタイルを使用すると、供給最も具体的なのルールを取るので、あなたのpadding-left:0px!importantルールはまだpadding-left:70px!importantを宣言するものよりも特異的であることを確認します。

CSSが最後に定義されたルールを使用するので、の最初のpadding-leftルールの後にモバイルオーバーライドがと表示されるようにしてください。

あなたが特異性を確認し、理解できるところです： https://www.w3.org/TR/css3-selectors/#specificity

ボーナス：セレクタの特異性を計算します。https://specificity.keegan.st/

2017-08-31 19:28:35 devonwaldon

注文事項を、後で!importantとの1以下の例を参照して、1（!important）以前に上書きされます、あなたの携帯電話に対応しているメディアクエリーがあれば、正しく注文してください。

（グローバルCSSを上に移動し、メディアクエリーを下に移動します）

.test { 
 
    color: red !important; 
 
} 
 

 
.test { 
 
    color: green !important; 
 
}

<span class="test">TEST TEST TEST</span>

2017-08-31 20:06:16

答えて