如何找到什么样的ovverrding CSS元素?

时间:2017-10-09 21:42:06

标签: css google-chrome

我正在尝试使用chromes元素选择器找到覆盖我的CSS元素的内容,但我也无法使用。

这个答案似乎已经过时我无法找到如何访问"计算出的样式": Chrome Developer Tools: How to find out what is overriding a CSS rule?

我不知道为什么这种颜色会被灰色覆盖: chrome

我怎样才能找到使用谷歌浏览器做什么?

1 个答案:

答案 0 :(得分:1)

如果您查看图像,它会告诉您属性已在element.style中更改。

换句话说,不使用类或id等选择器应用更改,而是使用元素本身。

据我所知,这可以通过两种方式完成。

1)在HTML中,直接在元素中编写属性:

<div style="color:gray;"></div>

2)在Jquery中,引用特定对象(例如,使用id属性)然后使用css属性:

$('#divname').css({
    color:gray;
});

关于发现导致问题的原因:

1)确定是否已在HTML中进行更改应该相当简单,因为您只需要查看HTML文件。

2)如果通过Jquery进行了更改,事情会变得复杂一些:ghetto方法是在脚本文件中搜索“灰色”字符串。不要忘记脚本也可以嵌入到HTML中,但是,查找属性HTML文件将是一个很好的方法:)