css - メディアクエリの最大幅は何もしません

Question

ウェブサイトのデザインをレスポンシブにしようとしています。

これまでのところ、次のルールがあります。

@media screen and (min-width: 1000px) {
    /* styles for screen width 1000px and wider */
}
@media screen and (min-width: 500px)and (max-width: 800px) {
    /* styles for screen width between 500px and 800px */
}

何らかの理由で、最後のメディア クエリが機能しません。実際、ページ上のすべての要素からすべてのスタイルを完全に取り除きます。

私は周りを見回してきましたが、これがなぜなのか、何が間違っているのかについてのヒントを見つけることができません...

コンセプトか何かが欠けているように感じます...誰もがパーセンテージについて話しているので、私はそれを取り入れていますが、スタイルルールを適用しないメディアクエリとどのように関連するのかわかりません.

誰でも明確にできますか？

前もって感謝します！

Answer 1

コメントの終了タグがありません。

@media screen and (min-width: 1000px) {
    /* styles for screen width 1000px and wider */
}
@media screen and (min-width: 500px)and (max-width: 800px) {
    /* styles for screen width between 500px and 800px */
}

ここでは他に何も問題はありません。