为什么我的移动响应css不工作

Question

对于一个特定的div，我试图保留填充：10%；对于桌面和左侧填充：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

将其更改为.tdppadding｛左填充：0%；｝

Answer 2

您正在使用css id选择器前缀'#tdpadding'，因此您应该使用类选择器前缀'.tdpadding'

.tdpadding { padding-left:0%; }  

该代码应能在中工作