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

Question

我有一个弹出窗口，它会覆盖整个屏幕，但我不喜欢它的定位。所以我尝试手动将left:和top:元素输入到我的CSS中，但是当我查看Chrome的控制台时，这个element.style {}会覆盖我的代码。

我在我的CSS文件中搜索了element.style以及597px和794px，我没有点击任何一个。

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

Answer 1

element.style是浏览器devtools的一部分，表示元素的内联样式，其specificity value比任何CSS选择器都高。{/ p>

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

Answer 2

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

查找更改#popupDiv

的显示，顶部和左侧属性的javascript代码

Answer 3

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

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

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

您可以通过以下方式修复您的CSS：

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

HTH -Ted

Answer 4

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