1

我有一个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>

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

4

4 回答 4

1

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

在此处输入图像描述

没有position:none, top:none, 和left:none..

相反，使用类似的东西：

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

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

jsFiddle在这里

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

除了仅仅覆盖属性之外，你也可以从一开始就删除它们——大多数时候......

于 2013-10-18T04:31:27.250 回答
0

top: none;, left: none;,position: none;这些不是有效的 CSS 属性。

你可以试试这个：

.example {
    bottom:20px;
    top:0px;
    left:0px;
    position:static; /*static*/  /*absolute*/ /*relative*/  /*fixed*/;
}
于 2013-10-18T04:53:49.110 回答
0

只要您在导入 style.css 之后的 HTML 中声明该样式，它就应该优先。

在这里看到这个：JSFiddle

<p>Some Text</p>  <!-- takes most recent styling of <p> -->

我正在导入一个段落背景为蓝色的样式表，但我在我的 CSS 中将它重新声明为红色。重新声明的优先，因为它稍后声明。

还要注意您的 CSS 无效。应该是这样的：

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

请参阅：http ://www.w3schools.com/cssref/pr_pos_top.asp 和http://www.w3schools.com/cssref/pr_class_position.asp

于 2013-10-18T04:27:35.607 回答
0

试试.example { position: static; }。

'None' 不是这些 CSS 规则的有效值。一旦将位置设置为静态，顶部、底部、左侧、右侧将不再重要。“静态”是“位置”规则的默认值。

于 2013-10-18T04:33:25.923 回答