如何在浏览器中查找css文件路径

Question

我正在研究Magento2中的主题部分。每当我编译.less文件时，都会创建两个css文件：

• styles-l.css
• 样式-m.css

每当我们检查元素并尝试在浏览器中看到应用的css时，我们都无法找到css文件路径。我的意思是，我无法知道我的css来自哪些文件。

有没有办法找到css文件路径？

Answer 1

在firfox中使用Firebug扩展，然后在描述时检查元素，最后只是复制Css路径清晰可见。

Answer 2

右键单击该文件：复制链接地址？ （来自chrome F12开发人员工具）

返回绝对路径。

修改

你有n个.css文件并且仅在编译之后2.因此，在编译之前，对于每个样式表，你可以创建一个命名空间（或类），这样你就可以知道它来自哪个文件

Answer 3

如果您正在使用chrome进行检查，请从dom中选择任何元素，在样式选项卡中，您可以看到应用于该元素的样式以及右侧的相应样式表名称＆gt;将鼠标悬停在样式表上以查看路径。喜欢 ： /pub/static/frontend/Magento/luma/en_US/css/styles-l.css /pub/static/frontend/Magento/luma/en_US/css/styles-m.css