media與css先後順序產生的優先順序問題

2022-08-28 17:24:16 字數 488 閱讀 1916

緣起:我新到乙個公司,接手乙個以前的專案。在谷歌模擬器上除錯蘋果系列的效果,總是調節不好。

期間:困擾了我好大一會兒,不和常規呀,難道是鬼打牆了?

真相:@media screen and (max-width: 800px) {}的樣式應該放到後面,不應該放到沒有@media的前面。

原因:很簡單。@media是對條件才查詢,但是它也遵守css的優先順序順序。

@media screen and (max-width: 800px) 

}p

這樣的樣式,即使滿足了,查詢條件,標籤p裡的文字還是48px。後面的樣式會覆蓋之前的。

所以正確的寫法應該是:

p 

@media screen and (max-width: 800px)

}

在回到專案中,由於之前的人,把@media寫在了上面,所以導致@media裡的樣式怎麼也不起作用。因為被後來的覆蓋了。 

js函式執行先後順序

在js函式裡面想要呼叫另乙個函式,之前我的做法是 commutil.closewindow window.parent getparamslist retvalues 大致就是關閉當前視窗,並將當前視窗的值返回到新開啟的視窗,但是這樣的話它是先執行window.parent.getparamslis...

關於 define 定義的先後順序

define定義先後順序 今天檢視 的過程中,看到如下巨集的定義 size of malloc pool define cfg malloc len cfg env size 1024 1024 define cfg env size 0x4000 給我的第一感覺就是,是不是其他地方有cfg env...

Python變數的引用先後順序

python引用變數的順序 當前作用域區域性變數 外層作用域變數 當前模組中的全域性變數 python內建變數 一 global global關鍵字用來在函式或其他區域性作用域中使用全域性變數。但是如果不修改全域性變數也可以不使用global關鍵字。gcount 0 defglobal test p...