为什么我的移动响应 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

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

Answer 2

你使用 css id 选择器前缀 '#tdpadding' 所以你应该使用 class 选择器前缀 '.tdpadding'

.tdpadding { padding-left:0%; }  

此代码应该有效