css - 有没有办法找出 css 规则的来源？

Question

我继承了一个 .asp 网站，不得不更新页面以将表格中的表单重新定位到侧边栏。

除了一个顽固地拒绝接受我的 CSS 并从谁知道在哪里获取值的页面外，它在所有页面上都运行良好。

我试过在 Firefox/Chrome 中调试，甚至在页面的头部写了规则，但无济于事。有没有识别这种东西的工具？我对 css 并不懈怠，但这让我感到困惑。我不想求助于 javascript 来解决这个问题，因为我认为这是一个基本问题。

有没有办法找出 css 规则的来源？

Answer 1

您可以在 Chrome 中使用网络检查器。

右键单击失败元素并选择检查元素。

您最终应该看到包含两个部分的 Web 检查器窗口:左边是 html 节点树，右边是所选节点的样式和属性。应该已经选择了失败的元素。

接下来您需要展开“计算样式”选项卡并查找违规样式。

找到后，您会在样式定义的左侧看到小三 Angular 形 - 它是可点击的。单击它应该展开影响此元素此样式的选择器列表。你会看到每一个的 url 到 css。宾果。