CSS：在同一個類上有多個`！important`實例

Question

對於我來說，我有一種奇怪的情況，我從來沒有遇到過。

我已經創建了一個class限定的0.8vw
一個font-size如果屏幕尺寸寬度越小則750px新media query被裝載其中font-size是3.2vw。

因爲這是相同的類，所以我必須在750px查詢上使用!important。

問題出在這裏....如果有，還會有另一個media-query我不得不使用另一個!important但據我所知，這是不可能的。

我開始認爲我不完全理解如何結合不同風格使用media-queries。

下面是這個應該怎麼走一個例子：

@media (max-width: 750px) { 
    .header_devider{ 
    font-size: 3.2vw !important; 
    } 
} 

@media (max-width: 320px) { 
    .header_devider{ 
    font-size: 4vw !important; 
    } 
} 

.header_devider{ 
    font-size: 0.8vw; 
} 

<div class="header_devider"> 
    test content 
</div> 

希望有人能告訴我如何解決此問題。

M.

Answer 1

發表您的媒體查詢您最初的樣式聲明後，它應該工作：

.header_devider { 
    font-size: 0.8vw; 
} 

@media (max-width: 750px) { 
    .header_devider { 
    font-size: 3.2vw; 
    } 
} 

@media (max-width: 320px) { 
    .header_devider { 
    font-size: 4vw; 
    } 
}