html - 我的媒体查询中的 CSS 代码被忽略

Question

我正在尝试填充 <p>仅保留在特定的屏幕尺寸。我有以下 CSS 和 HTML:

float-left-icon {
    padding-left: inherit;		
}

@media only screen and ( max-width : 991px) {
    float-left-icon{
        padding-left: 30px;			
    }
}

<p class="float-left-icon" style="padding-bottom: 15px;">
    <i class="glyphicon glyphicon-folder-open"></i>
    <a href="http://www.google.com" data-toggle="tooltip" data-placement="top" >Test</a>
</p>

我的问题是 float-left-icon当我在浏览器中调试它时，类甚至没有出现在开发人员工具中……所以它甚至没有触发。

有人可以告诉我做错了什么吗？

Answer 1

你需要使用 . 来表示 CSS 中的类。

将 CSS 中的 float-left-icon 更改为 .float-left-icon