我正在嘗試對正在建立的網站使用一些媒體查詢。 但是，我遇到的問題是，實際上正在應用媒體查詢樣式時，它們卻被覆蓋了。 我無法告訴我原因，因為我使用的是相同的選擇器。 誰能指出我沒看到的東西？

原始CSS

#global-wrapper-outer > #global-wrapper-inner {

width: 85%;

height: 100%;

margin: 0 auto;

position: relative;

}

#global-wrapper-outer > #global-wrapper-inner > nav {

background: #fff;

padding-bottom: 20px;

box-shadow: 0 4px 2px -2px gray;

}

媒體查詢CSS

@media screen and (max-width:1024px) {

#global-wrapper-outer > #global-wrapper-inner {

width: 100%;

}

#global-wrapper-outer > #global-wrapper-inner > nav {

display: none;

}

}

第二個媒體查詢工作正常，在這里我將導航設置為不顯示任何內容。 但是，當我嘗試將＃global-wrapper-inner的寬度設置為100％時，它不適用。 當我按F12并選擇該元素時，我可以看到樣式被“應用”。 但是，樣式本身被劃掉并沒有實際應用，它的原始寬度仍然為85％。

總結

以上是生活随笔為你收集整理的global.min.css,css3-媒体查询样式不覆盖原始样式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。