css3媒体查询不能仅在特定div中工作

Question

我的页面上有一堆媒体查询，但出于某种原因，我所拥有的那个以我的页脚中的div为目标的查询将无效。是否有一些我用符号做错了？

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

通常背景大小为100％，但它会在几个显示器上自我压缩。关于它为什么不起作用的任何建议？谢谢！

Answer 1

感谢@DavidStorey，问题是我需要将媒体查询放在 css的原始行之后，因为这样的原始代码行的特殊性更高！谢谢！