css - 在 Chrome 中调试时，如何确定 element.style 的实施位置？

Question

好的，所以我正在分析我的网站在 Chrome 中应用的样式，我注意到我的一个 div 会自动执行一个 position:relative ，它根本不存在于 div 的 css 中。所以我的问题是当我在 Chrome 中分析时

element.style {

}

那通常在哪里引用？

div 在 chrome 中看起来像这样。所以我有一个名为 left 的 css 类应用到它，然后当网页加载时它有这个 style="" 不在原始代码中。

<div class="left" style="height: auto; overflow: visible; width: 785px; padding-right: 5px; position: absolute; top: 0px; ">

Answer 1

基本上我发现的是父元素在我的内部元素上强制执行所说的 css。为了让我解决这个分层问题，我将以下内容添加到我想要覆盖的每个 css 规则中。

color:red !important; 

举个例子。