在页面上显示的调试信息我希望可以用一点 css 去改变一下它的样式 .. 比如放大它的字号 .. 先在模块里定义一个 library .. 在自定义模块里面新建一个 libraries 文件 .. ninghao_ui_libraries.yml .. 在这个文件里定义一个 library .. 名字可以是 ui.devel

添加一个 css ... 设置一下 version .

css 的群组是 theme .. 文件的位置是在 css/components/devel.css .. 再去创建一下这个 css 文件 .. 放在 css/components 下面 ..

然后回到模块的 module 文件 .. 在实施的这个 page_attachments_alter hook 里面 .. 在 $attachments 下面的 #attached ... library 下面添加一个新的项目 ... 就是刚才我们定义的 ninghao_ui 模块里的 ui.devel 这个 library ..

回到页面 .. 在页面的 library 里面，你会看到我们添加的 ui.devel ..

再看一下页面加载的 css 文件 ... 搜索一下 devel ... 这个 css 就是 ui.devel 这个 library 里的 .. 打开这个 css 文件 ... 添加点样式 ..

再到页面上预览一下 ..

你会看到这个输出的信息的样式有了点变化 .. 它的字号变大了 .. 周围还有了个边距 .. 查看一下这个输出的信息的样式 ..

你会发现这块样式的出处就是来自刚才我创建的这个 devel 样式表 ...