如何使用!important标签取消左或右规则?

时间:2014-01-27 09:16:50

标签: html css

我需要取消CSS文件中的left规则并将其替换为margin-left

.aClass {
    left: 5px;
} 

要覆盖的规则:

.aClass {
    left: none !important;
    margin-left: 5px;
}

left: none似乎没有做任何事情,left: 0正在重新定位图层。那么如何取消left规则呢?我不应该覆盖原始规则,因为它是插件的一部分,可以更新覆盖现有文件。

3 个答案:

答案 0 :(得分:5)

left的默认值为auto

所以这样的事情应该这样做:

left:auto !important;

答案 1 :(得分:4)

使用left: auto !important;代替left: none !important;

答案 2 :(得分:1)

使用left:0!important代码

HTML

<div class="header">

<div class="ssd aClass">Try</div>

 </div>

CSS

.aClass {
    left: 15px;
    position:relative;
} 


.aClass {
    left: 0 !important;
    margin-left: 5px;}

.ssd{background:#c1c1c1; width:100px; height:100px}

试试 demo