正文中的CSS媒体查询

Question

我必须覆盖模板中的一些CSS样式。这很好，但我有一个问题，即这些样式依赖于媒体查询，当整个<style>-块都在body标记中时，媒体查询似乎不起作用。

当我做a..时

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

在正文中，不应用样式。我做错了吗？还是有其他解决方案？

Answer 1

问题确实是中缺少空间

and(min-width: 30em)

它与一起工作

and (min-width: 30em)