css - 如何使用 Chrome DevTools 确定特定样式的来源

Question

如果我检查网页上的元素并在“指标”选项卡中看到两边都有 10px 的边距。我怎么知道这些利润来自哪里？它们是来自默认元素样式还是特定的 css 文件（在哪一行，它们已被定义）？

Answer 1

查看右上角的 Computed Style 部分。

它将显示应用到元素的每个 CSS 属性，并带有一个箭头，显示每个属性是如何应用的。