在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; 

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

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。