css3 媒体查询仅在特定的 div 中不起作用

Question

我的页面上有一堆媒体查询，但出于某种原因，我拥有的以页脚中的 div 为目标的媒体查询不起作用。我的符号有什么问题吗？

@media only screen and (min-width: 500px) and (max-width: 1000px) {
.twitterbutton {
    background-size: 50%;
    }
}

通常背景大小为 100%，但它会在一些显示器上自行挤压。关于为什么它不起作用的任何建议？谢谢!

Answer 1

感谢@DavidStorey，问题是我需要将媒体查询放在 原始 css 行之后，因为这种方式在原始代码行中的特异性更高!谢谢!