每个文件名后Chrome Developer工具编号？

Question

我正在使用开发人员工具调试我的网站，如果您参考我的图片，则有2个styles.css会相互覆盖。

虽然很奇怪，因为我记得我只附加了一个style.css文件，但它显示了2个style.css。我已经检查了位置，但是正好指向具有相同css文件的相同路径（但是css的内容不同。）

我能看到的唯一区别是Devtools显示的css文件名之后的数字

style.css:839
style.css:190

实际上意味着什么？

Answer 1

它是文件中存在的选择器的行号（style.css）。在第190行中，您为选择器添加了一个样式（providedSupport）。在同一个文件中，您在第839行添加了相同选择器的样式

看一下Chrome开发工具，它有更多功能：Refer this link