html - ランドスケープのみが適用されています

Question

私の CSS (外部 .css ファイル内) は次のとおりです。

   @media all and (orientation:portrait) {

            #slider {
                    border: 10px solid black;
            }


    }
    @media all and (orientation:landscape) {

            #slider {
                    border: 1px solid blue;
            }

    }

縦向きか横向きかに関係なく、青い境界線だけが表示されます。iPadシミュレーターでテストしています。

編集:私の他のスレッドの誰かが、「同じルールが同じコンテキストで2回適用されている」と言いました。理解できません。1 つはポートレート、もう 1 つはランドスケープです。