css 背景图片优先显示,哪个背景图片优先.media查询或css？

我的问题是关于背景图像。我正在设计iPhone屏幕的主页，我想为移动版本使用稍微不同的图像。我的媒体查询不在一个单独的css文件中，只是嵌入在index.html中。问题...主要的CSS图像覆盖了我的查询图像。我检查了额外的括号等。我认为媒体查询优先于主要的CSS？如果我已将媒体查询放入css链接文件中，我会得到我想要的结果吗？哪个背景图片优先.media查询或css？

这是我主要的CSS代码：

#container

{

background-image:url(images/1000_framec.jpg);

background-repeat:no-repeat;

width:999px;

height:980px;

margin:0 auto;

}

以下是我的媒体查询代码：

@media only screen and max-width 320px {

#container

{

width:98%;

background:url(images/1000_frameo.jpg) no repeat left;

margin-top:80px;

-webkit-background-size:contain;

-moz-background-size:contain;

-o-background-size:contain;

background-size:contain;

}

}