css - 我无法编辑 drupal 模块，css 位置很难找到

Question

我需要编辑一个 CSS 文件来管理某个块的某些按钮的位置。

使用谷歌浏览器检查元素，Drupal 只给我关于 css 文件名的信息：DSFJHjdfkvwvSDFVSFbvnhsdjnvjsdnfjbvw.css

太好了……不存在的。我想如何确定 css 文件的确切位置？我已经拆开了主题中样式文件夹中的 css 文件。

所以基本上在drupal中找到所有东西的源代码需要你大海捞针。有没有办法通过使用管理面板准确地找到我的网页正在使用的 css 文件？

Answer 1

I think in your drupal configuration you have enabled the "Aggregate and compress CSS files" settings. Try disabling it by going to Configuration > Development > Performance. It might solve you problem.

You can revert back the setting after you have made changes.

Answer 2

Drupal 出于性能原因，将所有 CSS 文件聚合到一个生成的文件中，因此只需 1 个请求即可加载所有必要的样式。

您可以通过转至 drupal 配置中的性能设置并禁用 js 和 CSS 优化来禁用此功能（不推荐在 prd 站点上使用）。

清除缓存，现在您将在 chrome 工具中检查时看到 CSS 规则所在的特定文件。

作为旁注，除非您将其贡献回来，否则不建议在贡献的模块中编辑任何内容。否则，当您需要升级到模块的下一个版本时，您将丢失之前的更改。我只会在您的自定义主题中应用 CSS 规则来覆盖模块 CSS。

如有错别字，请见谅。这是写在我的手机上的，我会在我的办公桌前清理它。

Answer 3

关闭缓存，然后清除缓存。然后，您应该获得 CSS 规则的正确位置。完成此操作后，再次启用缓存。