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