样式化媒体查询，忽略/覆盖父样式

Question

所以我目前正在开发一个响应式网站，我正在尝试在媒体查询中设置样式。但是，父 css 中的样式是冲突的。

父样式表包含以下内容：

.sec1 p  {

text-align: left;
width: 55%;
margin-left: 8%;
float:left;
margin-top: 100px;
}

以及768宽度的代码：

    .sec1 p  {
    letter-spacing:normal;
    word-spacing:normal;
    font-size: 1.1em;
   width:none!important;
   margin-left:none!important;
   margin-top:none!important;
   text-align:inherit!important;
      }

如您所见，我尝试设置宽度：无；左边距：无； 但我什至不知道这是否合适或有效，

简而言之，正如您从我的刺耳代码中看到的那样，我不想要什么，我该怎么做？

希望我是清楚的，谢谢！！

Answer 1

宽度none 无效。

设置width: auto 将项目恢复为默认行为

或width:0 将其设置为 0 宽度。

另外，对于!important，您需要在属性值的末尾和important 之间留一个空格，如下所示：

margin-left: 0 !important;