顯示沒有本地CSS優先於媒體特定的CSS

Question

我是新來的這麼道歉，如果術語不是很正確。我正在構建一個包含4種樣式表的網站：基礎（桌面大小，並考慮與媒體查詢不兼容的舊瀏覽器），移動肖像，移動環境，平板電腦。最後3個加載了媒體查詢。

我有一些在Base中顯示的div容器，但在較小的設備的樣式表中設置爲「display：none」，這很好。

但我有一些設置爲「display：none」，我想在較小的設備中顯示，但基本樣式表中的「display：none」優先於樣式表中的css較小的設備。

任何想法或建議？

Answer 1

所以，我想你要引用你的CSS像這樣在你的HTML：

<link rel="stylesheet" type="text/css" href="base.css"> 
<link rel="stylesheet" type="text/css" href="other.css"> 
<link rel="stylesheet" type="text/css" href="another.css"> 

在底座您有：

#element { 
display: none; 
} 

和another.css你有

#element { display block; } 

如果它們被引用，那麼位於another.css中的css將覆蓋基本內容。

你可能有

body #element { 
display: none; 
} 

在base.css

，並具有

#element { 
display: block 
} 

在another.css是行不通的，由於你的選擇是在base.css更佔優勢。

如果一切都失敗了一個哈克的方式是增加重要的是，如CSS規則的末尾：！

#element { 
display: block !important; 
} 

我不喜歡使用很重要，但它只是一個想法，如果你不能得到的CSS選擇正確

這是不看你的CSS和HTML

Answer 2

棒顯示所有的猜測：在您的手機樣式或顯示塊：塊重要的，如果它仍然拒絕。