哪個背景圖片優先.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; 
    } 
}

來源

2013-01-19 user1992862

媒體查詢和@media規則是 CSS。但是，這些是transparent to the cascade，因此，無論您是否將樣式規則放入@media規則中，或者將其放入鏈接樣式表中，該樣式表是否具有media="..."，都不會影響級聯中該規則的優先順序。

cascading rules的其餘部分照常適用：最具體的選擇器獲勝，一系列具有相同特定選擇器的最後一個勝出，內聯樣式優先於內部樣式表，而內聯樣式優先於外部樣式表等。

來源

2013-01-19 13:19:31 BoltClock

哪個背景圖片優先.media查詢或css？

回答

相關問題