什麼是element.style，它爲什麼重寫我的CSS設置？

我有一個彈出窗口，它顯示了整個屏幕上的灰色div，但我不喜歡它的位置。所以我試着手動輸入left:和top:元素到我的CSS中，但是當我看着Chrome的控制檯時，有這個覆蓋我的代碼的element.style {}。什麼是element.style，它爲什麼重寫我的CSS設置？

我已經在我的CSS文件中搜索了element.style和597px和794px，並且我沒有在它們中找到任何匹配。

這是什麼，爲什麼它有它的價值？

enter image description here

element.style是您的瀏覽器devtools的一部分，表示具有比任何CSS選擇更高specificity value元素的內嵌樣式。

可以通過JavaScript代碼添加內聯樣式，如果是這樣，則可以在樣式表中使用!important關鍵字覆蓋該聲明（例如left: 610px !important）。

2015-02-05 20:27:21

真棒。這就說得通了。我敢打賭有一些JavaScript導致了它。 – 2015-02-05 20:33:23

這可能是由JavaScript操縱和設置的（無論是你在開發者工具控制檯上編輯element.style {}規則）。

查找改變#popupDiv

2015-02-05 20:30:34 thanix

element.style的顯示，頂部和left屬性JavaScript代碼是指內聯的DOM元素上的樣式。例如：

<p style="color:#cc0000;">Foo</p>

的那款顏色會顯示下element.style。

你可以這樣做與你的CSS修復：

#popUpDiv[style]{ 
    left:610px !important; 
    top:0px !important; 
}

HTH -Ted

2015-02-05 20:43:36 Ted

回答