2

我正在尝试修改我的 CSS 文件中特定 div 的 CSS。内联样式如下所示： 

div class="widget-area ten columns marT20 left" style="width: 16%; margin: 0px 0px 0px 17px; padding-top: 100px;

如何在引用特定 div 元素的外部 CSS 文件中复制上述内联样式？这是我的尝试：

div.widget-area ten columns marT20 left element.style {
      margin:0 0 0 17px;
      padding-top:100px;
      width:16%;
    }

上面的 CSS 不会在 div 元素中输出所需的更改。

谢谢，

AME

4

2 回答 2

5

widget-area, ten,columns等都是单独的类。这意味着在 CSS 样式表中，它们都必须有一个类标识符 ( .)

如果您尝试定位包含所有 5 个类的任何 div，那么您需要加入它们。element.style是不必要的。当存在内联样式（因此没有类名）时，这就是 Firebug 和其他检查员对类的命名

尝试

div.widget-area.ten.columns.marT20.left {
  margin:0 0 0 17px;
  padding-top:100px;
  width:16%;
}
于 2012-07-31T17:32:18.020 回答
1

内联样式声明覆盖 CSS 类声明。

您需要使用 JavaScript 删除内联样式，使其回退到现有的 CSS 类，或者您需要重新定义内联样式属性中的内容。

无论哪种情况，您都需要 JavaScript。

于 2012-07-31T17:32:15.383 回答