Css 为什么赢了'；我的@media中div的高度没有变化吗？

还是新的，但玩了一会儿。在CSS parent.article中，我设置了高度。当我试图在@media中使用获得高度时，因为css是从上到下读取的。最后设置的规则是将要执行的规则，因此请使用

@media

下面的

.article

，如下所示：

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

.article {
    background-color: #404040;
    height: 470px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
    margin-top: 2%;
    margin-bottom: 2%;

}

@media screen and (max-width:767px) {

    .article {
        padding: 5% 10%;
        height: 1000px;
    }

}

谢谢：）。你知道这是否是它通常的行为方式吗？我想我见过其他CSS，其中用户的媒体高于CSS的其他部分。不知道媒体的位置。请阅读以下内容：

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

.article {
    background-color: #404040;
    height: 470px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
    margin-top: 2%;
    margin-bottom: 2%;

}

@media screen and (max-width:767px) {

    .article {
        padding: 5% 10%;
        height: 1000px;
    }

}