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 模拟器中进行测试。

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