Css &引用@全部和全部介质（最大宽度：945px）"；在945px及以下不更改字体大小

我已经看过几篇关于这个主题的帖子（，），我的推理应该是可靠的：

@media all and (max-width: 945px) {
    div#browser-nav-nav-bar a, div#browser-nav-nav-bar p {
        font-size: 0.8rem;
    }
}

div#browser-nav-nav-bar a, div#browser-nav-nav-bar p {
    color: rgb(255,255,255);
    font-size: 1.2rem;
    margin: 0 0.5rem;
    padding: 0.5rem 1rem;
    line-height: normal;
}

但是，字体大小没有改变。我不知道我做错了什么。下面是一个JSFIDLE：

---

您的选择器是相同的（因此具有相同的特异性）

---

将

@media

块移动到样式表的末尾。

您的选择器是相同的（因此具有相同的特异性）

---

将

@media

块移动到样式表的末尾。

@somecbusnerd这是正确的。媒体查询应该在主样式表之后，或者在所有全局样式之后的样式表底部。@somecbusnerd这是正确的。媒体查询应该位于主样式表之后，或者位于所有全局样式之后的样式表底部。