正文中的CSS媒體查詢

Question

我必須重寫模板中的一些CSS樣式。這工作正常，但我有問題，這些樣式依賴於媒體查詢，當整個<style>塊在身體標籤內時，這似乎不起作用。

當我做了..

<style type="text/css" > 
@media screen and(min-width: 30em) { 
     .tabHeaderLink { 
      width:20%; 
      display:block; 
      background:#D46365; 
      height:50%; 
      } 
     } 
</style> 

體內，風格不適用。我做錯了還是有其他解決方案嗎？