爲什麼我不能創建具有多個樣式元素的div？

Question

我想，像這樣使用jQuery創建的div：

let gridBlock = $("<div style=width:10px; height:20px; background-color:red;></div>"); 

然而，當我看着渲染頁面的控制檯顯示DIV只有寬度的風格：

我究竟做錯了什麼？

Answer 1

雖然你已經得到了在評論的答案，但有實現使用class一個更好的辦法。原因css-specificity。使用style屬性添加樣式難以覆蓋&需要使用!important。

因此，爲了避免這種情況，你可以使用class屬性和CSS文件中的JS文件定義樣式

some.css

.someClass { 
    width: 10px; 
    height: 20px; 
    background-color: red; 
} 

let gridBlock = $("<div class='someClass'>Hello</div>"); 

DEMO

Answer 2

使用引號交配

let gridBlock = $("<div style='width:10px; height:20px; background-color:red;'></div>");