內聯樣式不受媒體查詢的影響

比如我有一個內嵌式的一行包括

<h1>Hello<span style="font-size:80px;">WORLD</span> 

@media (max-width: 768px) { 
    h1 { 
     font-size: 180% !important;  
    }  
}

基於媒體查詢的「你好」的變化，但跨度「世界」仍然是相同的字體大小。

無論如何，我可以改變這與純粹的HTML和CSS？

2016-11-09 Asem H

它應該是180％的東西？身體或h1或跨度？ – LGSon

爲什麼你有內聯樣式？爲什麼不把它全部放在CSS中呢？內聯樣式會覆蓋樣式表中的任何內容，因此除非您開始使用'！important' ...但是，由於您嘗試使用@ media-queries在CSS中覆蓋它，爲什麼不在CSS中使用原始樣式？ – junkfoodjunkie

你必須寫選擇這樣的：

h1 span{ 
    font-size: calc(80px *1.8) !important;/* or just 144 */ 
}

你不能只用180％的應用內嵌樣式之前，根據字體的大小，因爲它會計算尺寸（除非你打算什麼去做）。

2016-11-09 17:23:23

回答