屏幕变小时无法隐藏导航

Question

当屏幕变得小于nav时，我不想隐藏img并使750px略小一些。

Example Code

这不起作用：

@media (max-width: 750px)
    header#site-header
        a.logo
            img
                margin: 15px
                height: 25px 
        nav
            display: none

这样做：

@media (max-width: 750px)
    header#site-header
        .container
            a.logo
                img
                    margin: 15px
                    height: 25px 
            nav
                display: none

Answer 1

媒体查询之前的样式表会覆盖这些样式。 通过指定元素的直接路径，它将获得更高的优先级，然后它将起作用。或者你可以放置！重要的是给它一个更高的优先级。