css - 如何禁用文件中的选择器

Question

我有一个 style.css 文件。有

.example {
  float: none;
  left: 4px;
  position: absolute;
  top: 3px;
}

现在，我尝试禁用 .example 类中的某些属性以

.example {
  bottom: 20px;
}

我像下面这样尝试，但那不起作用

<style type="text/css">
          .example {
                bottom: 20px !important;
                top: none !important;
                left: none !important;
                position: none !important;
            }
 </style>

这可能吗？我不想直接在文件中更改？

Answer 1

您试图覆盖它的属性无效。

没有position:none、top:none和left:none这样的东西..

相反，使用类似的东西:

.example {
    bottom:20px;
    top:auto;
    left:auto;
    position:static;
}

这样做将成功覆盖每个属性并将其设置回默认值。

jsFiddle here

使用 auto 实质上会将属性重置为其初始值，不需要 !important。

除了仅仅覆盖属性之外，您总是可以一开始就删除它们 - 大多数时候......