2014-04-18 198 views
0

所以我目前正在响应网站,我试图设置媒体查询中的样式。但是,父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; 但我甚至不知道这是正确的或有效的,

总之,你可以通过我的高音码看我不想要什么,我该怎么办呢?

希望我很清楚,谢谢!

回答

1

宽度none无效。

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

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

另外,对于!important你需要一个空间的属性值的结束和important之间,就像这样:

margin-left: 0 !important; 
+0

真棒!谢谢,我之前从未使用!重要标签,但当我在寻找答案时我看到了它。我注意到我有一个float样式,并且需要将它设置为none,因为当我将我的宽度设置为ANTHING时,它将难以对齐,并添加到混乱中。我不明白你事先评论的必要性,但感谢提醒? – av17