ID和媒体查询的特殊性问题

Question

我在使用CSS时遇到了一些麻烦，当我在移动设备上尝试该网站时，线路高度保持在65px，这可以通过在前面放置一个！important来修复，但这不是我想要的那种修复，应该我正在上课或什么？

非常感谢

/*Change the glyph size when necessary*/
@media only screen and (max-width:990px)
{

    #IEGlyphPlacement 
    {
        line-height: 80px;
    }

}


#Glyph 
{
    line-height: 65px;
}

Answer 1

您的目标是媒体查询中的其他元素。媒体查询的目标是ID为IEGlyphPlacement的元素，而不是Glyph（您在非媒体查询代码中定义的）。

更新如下：

/*Change the glyph size when necessary*/
@media only screen and (max-width:990px)
{

    #Glyph 
    {
        line-height: 80px;
    }

}


#Glyph 
{
    line-height: 65px;
}