如何刪除！其他規則中的重要內容？

Question

是有可能做這樣的事情：

.overlay { 
    display: none !important; 
} 
@media only screen and (max-width: 768px) { 
    .overlay { 
     display: none !not-important; 
    } 
} 

這樣我就可以在手機的JavaScript代碼覆蓋它。 tnx

Answer 1

你可以重寫！重要的是你自己！重要的，如果它在後面的css處理。不過，您也可以使用！更重要的元素。所以給出的第一個重要的是「.overlay」如果你對你的覆蓋一個id，說‘身份識別碼’，那麼，如果你的規則是：

@media only screen and (max-width: 768px) { 
    #myid { 
     display: none !important; 
    } 
} 

然後，它會覆蓋第一，它的選擇是更具體。

Answer 2

如果你想覆蓋786px風格的顯示規則，那麼你可以寫一些像;

@media only screen and (max-width: 768px) { 
    .overlay { 
     display: inline (or block or anything else); 
    } 
} 

據我所知，你必須爲所有其他屏幕寬度單獨編寫display屬性。