为什么我的移动响应 CSS 不起作用？

Question

对于特定的 div，我正在尝试使用 padding-left:10%;对于桌面和 padding-left:0;对于手机。但是，下面的代码似乎不起作用。希望你能帮忙。谢谢。

CSS 代码：

    @media (max-width:960px) {
        #tdpadding { padding-left:0%; }
    }
    
    @media (min-width:961px) {
    #tdpadding { padding-left:10%; }
    }

内联代码：

    <div class="tdpadding">
    some text here
    </div>

Answer 1

您使用 css id 选择器前缀“#tdpadding”，因此您应该使用类选择器前缀“.tdpadding”

.tdpadding { padding-left:0%; }  

这段代码应该可以工作

Answer 2

把它改成 .tdpadding { padding-left:0%; }