0

我正在创建一个基于 AdminLTE (v 2.3.0) 的站点，这是一个使用引导程序 (v 3.3.5) 的开源控制面板模板。

当我在 Google Chrome (v 48.0.2564.97 m) 中加载我的页面并在源代码中使用开发人员工具 (F12) 时，我注意到我的内容文件夹有一个名为 less 的子文件夹。

它像是：

Content/
 ├──less/
 |   ├──...
 |   ├──table.less
 |   └──...

"..."表示其他文件。
但这是交易：我的服务器中没有任何这些文件，这个 table.less 给我带来了问题。

所以我做了一个测试。我一一删除了我引用的 js 和 css 文件。
我发现当我添加 bootstrap.css 文件时，会出现这个包含所有文件的文件夹。

现在我的问题是：

  • 为什么会这样？
  • 我怎样才能避免它？
  • 如果我不能让我的 css 文件优先于较少的文件？

PS： 我问了第三个问题，因为通常当某些属性重载时，最后一个要添加的 css 文件具有优先权。但在我的情况下，我的最后一个文件是 site.css，这个文件有表的定义，但是当我打开页面时，table.less 的属性优先于我的文件，这给我带来了问题。

4

1 回答 1

1

您可能在引导 css 文件旁边有一个名为 bootstrap.min.css.map 或 bootstrap.css.map 的文件。它的功能是在浏览器的开发人员工具部分中为来自您的 css 文件的每个指令引用原始源文件和行号。如果它不存在，您将始终在每个 css 指令旁边看到 bootstrap.css 第 1 行，这不会提供非常丰富的信息，这样您就可以看到生成 css 的实际源结构。这都是虚拟的，更少的文件不存在。

于 2016-09-28T11:06:49.287 回答