添加@media only screen 和（最大寬度：1000px）代碼會中斷嗎？

Question

代碼：

/* Header Height Adjustment*/
#ct-header-wrap.ct-header-layout9 .ct-main-menu > li > a {line-height: 89px;}

工作正常，但它在移動版菜單箭頭中做了一個小調整。

https://i.imgur.com/bh796lz.jpeg

當嘗試僅將此更改包含在筆記本電腦版本中時，通過添加@media only screen and (max-width: 1000px) /or/ @media (max-width: 1000px)代碼 - 行li > a變為紅色，並且該特定代碼中斷/重置。

/* Header Height Adjustment*/
@media only screen and (max-width: 1000px)
#ct-header-wrap.ct-header-layout9 .ct-main-menu > li > a {line-height: 89px;}

https://i.imgur.com/Ey6UGbv.jpeg

我在這里想念什么嗎？

非常感謝您的任何反饋

Answer 1

當心語法，請嘗試

@media only screen and (max-width: 1000px) {
  #ct-header-wrap.ct-header-layout9 .ct-main-menu > li > a {
    line-height: 89px;
  }
}

參考

Answer 2

媒體查詢不是注釋，從它的外觀來看，我假設您有 Java 背景。

媒體查詢包裝在{}中匹配時要應用的規則。

所以而不是

@media only screen and (max-width: 1000px)
#ct-header-wrap.ct-header-layout9 .ct-main-menu > li > a {line-height: 89px;}

它一定要是

@media only screen and (max-width: 1000px) {
    #ct-header-wrap.ct-header-layout9 .ct-main-menu > li > a {line-height: 89px;}
}