什么是 element.style，为什么它会覆盖我的 CSS 设置？答案

【问题标题】：What is element.style and why is it overriding my css settings?什么是 element.style，为什么它会覆盖我的 CSS 设置？
【发布时间】：2015-04-05 20:44:36
【问题描述】：

我有一个弹出窗口出现在一个使整个屏幕变灰的毯子 div 上，但我不喜欢它的位置。所以我尝试在我的 CSS 中手动输入 left: 和 top: 元素，但是当我查看 Chrome 的控制台时，有这个 element.style {} 覆盖了我的代码。

我已经在我的 CSS 文件中搜索了 element.style 和 597px 和 794px，但我没有得到任何点击。

这是什么，为什么它具有它所具有的价值？

【问题讨论】：

标签： css

【解决方案1】：

element.style 是浏览器开发工具的一部分，它指示元素的内联样式，该元素的 specificity value 比任何 CSS 选择器都高。

可以通过 JavaScript 代码添加内联样式，如果是这样，您可以通过在样式表中使用 !important 关键字（例如 left: 610px !important）来覆盖该声明。

【讨论】：

太棒了。这就说得通了。我敢打赌有一些 JavaScript 导致了它。

【解决方案2】：

这可能是由 javascript 操纵和设置的（或者是您自己在开发者工具控制台上编辑了 element.style{} 规则）。

查找更改 #popupDiv 的显示、顶部和左侧属性的 javascript 代码

【讨论】：

【解决方案3】：

element.style 指的是 dom 元素上的内联样式。例如：

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

该段落的颜色将显示在 element.style 下。

您可以通过这样做来修复您的 css：

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

HTH -泰德

【讨论】：

【解决方案4】：

这是您在 HTML 文件中的样式。尝试删除或更改 HTML 中的样式。

【讨论】：