0
A
答えて
2
CSS @media
は、このようにあなたの2つのスタイルをdon't affect the specificity of selectors.を問い合わせます(それらの実際のセレクタは同一であるので)同じ特異性を持つので、the last one winsです。特に
、CSSの標準はと言う:ホストの言語によって決定された彼らは、順番をリンクに連結されているかのように独立して元の文書によってリンクされたスタイルシートから
宣言が処理されます。
つまり、ページで複数のスタイルシートを使用すると、HTMLコードの最後に表示されるスタイルシートが優先されます。
あなたの2つのスタイルが異なるスタイルシートのものであるとすれば、newDesignSprites.css
はHTML内にsmartphone.css
の後に来て、上書きされてしまいます。 <link>
要素の順序を入れ替えるだけで問題を解決できます。
関連する問題
- 1. メディアクエリ内にメディアクエリをネストすることは可能ですか?
- 2. メディアクエリはスタイルシートにどこに入りますか?
- 3. メディアクエリ
- 4. は、私はあなたがメディアクエリでこれを行うことができますので、推測しているCSSメディアクエリ
- 5. CSSメディアクエリ
- 6. CSSメディアクエリ
- 7. CSS3メディアクエリ
- 8. Blackberryのメディアクエリ
- 9. メディアクエリとブートストラップモーダル?
- 10. Javascriptベースのメディアクエリ
- 11. メディアクエリ - モバイル対デスクトップブラウザ
- 12. メディアクエリ幅は、
- 13. メディアクエリの問題
- 14. Samsung s6のCSSメディアクエリ
- 15. CSSのメディアクエリと!important
- 16. CSSメディアクエリの負荷
- 17. メディアクエリのないレスポンシブバックグラウンドイメージ
- 18. Android WebViewとCSSメディアクエリ
- 19. ReSharper複合メディアクエリのCSSエラー
- 20. デバイスの一般的なメディアクエリ
- 21. メディアクエリのインラインスタイルを使用
- 22. メディアクエリ - 2つの幅の間
- 23. メディアクエリとデバイス方向変更
- 24. iPhone 6 Plus(ランドスケープ)のメディアクエリと重複するiPhone 4/4S(ランドスケープ)のメディアクエリ
- 25. 一般的なすべてのデバイスのCSS3メディアクエリのリストはどこにありますか?
- 26. メディアクエリ内の特定の文字を非表示にすることはできますか?
- 27. メディアクエリを使用して別のCSSファイルにCSSファイルを含めることはできますか?
- 28. CSS3メディアクエリが機能しない
- 29. IEが小さいデバイス支配CSSメディアクエリ
- 30. 異なるメディアクエリの異なるCSSファイル
これを引き起こしている要因はたくさんありますが、あなたの質問には多くの詳細は記載されていません。何よりもまず、メディアクエリを実行するには画面が414px以下でなければなりません。そうでなければ、あなたの質問にもっと情報を入れてください。 –
@Michael_Bもちろん、画面が414以下であり、クロムが414のクエリを表示しないことに感謝します。何を追加する必要がありますか? – alonblack
レイアウトに影響を与えるすべてのCSSを投稿します。可能であれば、問題を再現するデモ(例:jsfiddle.net)またはライブサイトへのリンクも投稿してください。 –