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

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

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

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

---

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

在firfox中使用Firebug扩展名，然后按照您的描述检查一个元素，最后只需复制清晰可见的css路径。

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

它返回绝对路径

编辑

---

您有n.css文件，编译后只有2个。因此，在编译之前，您可以为每个样式表创建一个名称空间（或类），这样您就可以知道它来自哪个文件。

如果您使用chrome进行检查，请从dom中选择任何元素，在“样式”选项卡中，可以看到应用于该元素的样式，并右键单击相应的样式表名称>将鼠标悬停在样式表上以查看路径。比如： /pub/static/frontend/Magento/luma/en_US/css/styles-l.css

---

/pub/static/frontend/Magento/luma/en_US/css/styles-m.css

在开发者工具栏中检查你在firefox上使用过Firebug吗？复制链接地址将给出styles-l的路径。css@AdityaKumar好吧，现在我知道你想要什么了。为什么不在编译之前，为每个样式表创建一个名称空间（或一个类），以便您能够知道它来自哪个文件？这是一个很好的建议。我还可以为其他已经安装的部件做些什么implemented@AdityaKumar对不起，我什么也没看到。我能给你的建议就是花点时间对文件重新排序（已经实现），这样你就有了一个更易于维护的代码；）希望我能帮助你。谢谢你抽出时间。将尝试在magento2中实现它，我们有n个.less文件。当我们编译less文件时，只生成两个css文件。因此，找到准确的css文件变得非常困难。这无助于他知道css的一部分来自哪个文件。因为从n个文件中，他只有2个文件。