只有景观正在应用

Question

我的CSS（在外部.css文件中）如下：

   @media all and (orientation:portrait) {

            #slider {
                    border: 10px solid black;
            }


    }
    @media all and (orientation:landscape) {

            #slider {
                    border: 1px solid blue;
            }

    }

无论我是肖像还是风景，只有蓝色边框显示。我正在iPad模拟器中测试。

编辑：我的另一个线程上的某个人说“同一规则在同一个上下文中被应用了两次”。我不明白。一个是肖像，另一个是风景。