即使在視口<最大寬度媒體查詢

-1

CSS未被樣式我正在一個網站上，我無法編輯標記，並純粹通過CSS進行修改。即使在視口<最大寬度媒體查詢

我遇到了一些媒體查詢問題。

該網站建立在Bootstrap中，並且一些自定義代碼非常混亂，所以也許有一些媒體查詢干擾我沒有注意到。

我不明白不過，是怎麼了我的一些風格似乎不顧視區的media query

這裏的範圍內是越來越忽視的是，我指的是元素：

@media (max-width: 991px) { 

    .navbar-nav { 
     margin-top: 20px; 
     width: 100%; 
    } 

}

所以我的理解是，我的風格應該是元素上可見：

<ul class="nav navbar-nav pull-right">

我下面的媒體查詢下，加入我自己的CSS只要視口寬度不超過991px。

但是，這隻適用於視口大於768px。我首先想到的可能是風格被覆蓋，但是當在Firefox中使用Inspect工具時，風格似乎完全被忽略。

如果我有我的視口設置爲768px或更廣泛的，我的督察看起來像這樣：

但如果我有視小於，然後我看到在檢查什麼的.navbar-nav元素

我錯過了什麼嗎？媒體查詢不能以這種方式工作嗎？

2016-12-30 pealo86

'@media屏幕（最大寬度：991px） {/ * CSS * /}' – pol

看起來你在引導之前包含了你的自定義樣式，所以bootstrap會覆蓋你的樣式。嘗試在引導後包含您的樣式。 –

@RudiUrbanek我不能這樣做，不幸的是，我無法編輯HTML ...以及如果它被覆蓋，我的風格仍然不會在檢查器中顯示，但帶有刪除線？但它沒有顯示任何東西 – pealo86

我發現是什麼原因導致的問題，下面隱藏起來，進一步向上的CSS從原開發商未關閉媒體查詢：

@media only screen and (min-width: 768px) {

2016-12-30 18:14:58 pealo86

回答