我無法編輯一個drupal模塊，css位置非常難以找到

Question

我需要編輯一個css文件來管理某個塊的某些按鈕的位置。

使用谷歌瀏覽器檢查元素，Drupal的只給我講述了css文件名這樣的信息：DSFJHjdfkvwvSDFVSFbvnhsdjnvjsdnfjbvw.css

精彩......不存在。我想如何查明一個css文件的確切位置？我在主題中的styles文件夾內拆開了css文件。

所以基本上在drupal中找到所有東西的源代碼需要你在大海撈針中找到針。有沒有辦法找到我的網頁正在使用管理面板使用什麼CSS文件？

Answer 1

由於性能方面的原因，Drupal將所有CSS文件聚合到一個生成的文件中，所以只需要1個請求來加載所有必要的樣式。

您可以通過轉到drupal config中的性能設置並禁用js和CSS優化來禁用此功能（不建議在prd站點上）。

清除緩存，現在您將在Chrome工具中檢查時看到CSS規則所在的特定文件。

作爲一個方面說明，不建議編輯貢獻模塊中的任何內容，除非您提供回它。否則，當您需要升級到模塊的下一個版本時，您將失去先前的更改。我只是將CSS規則應用於覆蓋模塊CSS的自定義主題中。

對不起，如果有錯別字。這是寫在我的手機上，當我在我的桌子上時我會清理它。

Answer 2

我認爲在你的drupal配置中你已經啓用了「聚合和壓縮CSS文件」設置。嘗試通過轉到配置>開發>性能來禁用它。它可能會解決你的問題。

您可以在做出更改後恢復設置。

Answer 3

打開緩存，然後清除緩存。然後，您應該獲得CSS規則的正確位置。完成此操作後，請再次啓用緩存。