在CSS样式引用中复制内联CSS样式

Question

我正在尝试修改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

Answer 1

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%;
}

Answer 2

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

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

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