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;
      }

如你所见，我试图设置宽度：无; margin-left：none; 但我甚至不知道这是否合适或有效，

简而言之，正如您可以通过我的咆哮代码看到我不想要的内容， 我该怎么做？

希望我很清楚，谢谢!!

Answer 1

宽度none无效。

设置width: auto以将项目还原为默认行为

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

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

margin-left: 0 !important;

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

1 个答案: