是否有可能在chrome开发工具中查看某个css样式的确切位置？

Question

当您在Google Chrome开发工具中看到某个css样式被覆盖时。你能找到覆盖它的规则吗？

Answer 1

1. 打开（右键单击或按住Ctrl键单击）目标元素的上下文菜单，然后选择“检查”。
   
   或 ，点击“元素”。
   
   然后，点击目标元素。
   
2. 在右侧，选择“已计算”。
   
3. 然后展开目标媒体资格。
   
4. 然后，您可以检查最终优先的CSS来源和规则。
   

Answer 2

在开发工具中，单击“元素”，然后在右侧看到“样式”，然后单击“计算”，找到您要查找的样式并点击小箭头，它将展开并显示css文件和设置样式的行。