【发布时间】：2018-05-16 00:25:08
【问题描述】：
我正在对仅引用一个样式表的小型 Html 文件进行故障排除。这是https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css。
Chrome 开发者工具Network 选项卡显示这是唯一下载的 css 文件。
但是，在 Chrome 开发者工具中检查元素时，boostrap.min.css 中没有样式。取而代之的是，引用了诸如_navbar.scss 之类的文件中的样式。它们与行号一起显示，如果我单击这样的链接，它会在 Sources 选项卡中打开 https://maxcdn.bootstrapcdn.com/bootstrap/_navbar.scss。
我现在很困惑。这个_navbar.scss 文件是如何涉及的？为什么 bootstrap.min.css 中没有找到样式？
这是检查元素时的样子：
我是否错误地使用了 Chrome 开发者工具？
【问题讨论】：
-
您看到的是源地图。
-
这些文件没有被加载，它们只是在将 Sass 编译为 CSS 之前引用规则所在的位置。