Drupal自定义主题无法加载自身CSS文件，反而使用Stable主题CSS的问题求助

我来帮你一步步排查和解决这个问题，先从问题根源说起，再给出具体的修复步骤：

可能的原因 #

你的问题主要出在三个方面：库配置的加载顺序/权重问题、错误的库覆盖配置，以及可能存在的路径/缓存遗漏。另外，Drupal 8中Classy主题默认继承Stable的基础样式，子主题如果没有正确处理，就会出现Stable样式“盖过”自定义CSS的情况。

具体解决方案 #

1. 先排查基础问题：路径与缓存 #

• 确认文件路径：检查你的自定义主题文件夹下是否存在css/style.css，文件名和大小写要和libraries.yml里的配置完全一致（Drupal对路径大小写敏感）。
• 强制清除所有缓存：不仅要在Drupal后台清除缓存，还要用浏览器的强制刷新快捷键（Ctrl+Shift+R）清除浏览器缓存——有时候旧的CSS文件会被浏览器缓存，导致看不到新修改的效果。

2. 调整自定义库的加载权重 #

Stable的CSS通常加载较早，如果你自定义的CSS加载顺序在它之前，就会被覆盖。可以给你的CSS设置高权重，确保它最后加载：
修改libraries.yml：

global-styling:
  version: 1.x
  js:
    js/script.js: {}
  css:
    theme:
      css/style.css: { weight: 99 } # 权重值越大，加载越晚，优先级越高

3. 修正库覆盖配置（按需使用） #

你之前写的libraries-override配置是针对区块的后台管理CSS，和前端主题样式无关，所以没有效果。如果你想移除Stable的基础样式（不建议盲目全移除，避免布局混乱），可以在info.yml里添加如下配置：

libraries-override:
  # 移除Classy继承的Stable全局基础样式
  classy/base:
    css:
      theme:
        stable/css/system/base.css: false
  # 按需移除其他Stable组件样式，比如节点、区块等
  classy/node:
    css:
      theme:
        stable/css/node/node.css: false
  classy/block:
    css:
      theme:
        stable/css/block/block.css: false

4. 确认主题状态与库注册 #

• 确保你的自定义主题已经在Drupal后台「外观」页面设置为默认主题（不是仅安装未启用）。
• 检查info.yml里的libraries配置：custom_theme/global-styling中的custom_theme必须和你的主题文件夹名称（机器名）完全一致，拼写错误会导致库无法注册。

5. 用浏览器开发者工具排查 #

打开浏览器F12开发者工具：

• 切换到「网络」标签，搜索style.css，看是否有加载请求：
  • 无请求：说明库未正确注册，检查info.yml和libraries.yml的拼写。
  • 404错误：文件路径错误，调整路径配置或文件位置。
• 切换到「元素」标签，查看你的自定义样式是否被Stable样式覆盖——如果是，优化CSS选择器的特异性（比如用.custom-theme .content替代.content，或者使用!important作为临时解决方案）。

内容的提问来源于stack exchange，提问作者Rozana Awwad