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

Question

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

Answer 1

查看右上角的Computed Style部分。

它将显示应用于元素的每个CSS属性，并带有一个箭头，显示每个属性的应用方式。