デフォルトの@mediaクエリースタイル

Question

メディアクエリーの特異性は何ですか？最小画面幅をカプセル化するメディアクエリを削除すると、小さな画面のメディアクエリがオーバーライドされるのはなぜですか？

<style> 
@media only screen and (max-width: 600px) { 

    table,tr,td { 
    width:100%; 
    margin:0 0 ; 
/* background-color: #CCFF33 !important; */ 
    } 

img { 
     max-width: 100%; 
     height: auto; 
    } 
} 
@media only screen and (min-width: 600px) { 
    table,tr,td { /* removing this encapsulation yields fix width for */ 
       margin:0 auto; /* all screens */ 
       width: 600px; 
    } 
} 
</style> 

Answer 1

メディアクエリの特異性とは何ですか？

メディアクエリは特定性には何の影響も与えません。

なぜ最小画面幅をカプセル化するメディアクエリを削除すると、小さな画面のメディアクエリが優先されますか？

特殊性は同じです - どちらのルールも単純要素セレクタを使用しているため、ルールの順番になり、後者が優先します。