我觉得之前应该有人做过类似的事情，但我在这里找不到任何提及。我认为我们需要三个子类别，所以我做了这个修改，但老实说，由于它导致其他插件出现错误，这并不值得。
无论如何，我们并不需要第三层，我们只需要一种方法将类别列表页面分成几个部分，使每个分组明显区别于其他分组，让用户一眼就能明白其含义。显然，我已经相应地进行了颜色编码，但没有任何内容向用户解释每种颜色的含义。
我想在类别列表视图中类别之间添加一个空格，并在其中放入一个单词作为标题。例如：
项目
| 类别 1 - 子 1
| 类别 2
| 类别 3 - 子 1+2
学习
| 类别 4 - 子 1
| 类别 5
本地
| 类别 6 - 子 1+2+3
| 类别 7
您可以选择带有其 ID 的类别，并在其前面注入自定义标题文本，例如：
body [data-category-id="1"]:before {
content: "项目";
}
或者，您可以使用这个新组件，它提供了后端设置以添加类别区块：
我在 Discourse 论坛上使用了相同的 CSS 编辑，但最新的更新添加了侧边栏，现在有点乱了：
如何仅将此编辑应用于主内容区域，而不应用于侧边栏？
谢谢！
编辑：页眉下拉菜单中也出现了这种情况：
您只需要在样式声明中更具体一些。代码片段在 body 元素上的任何位置声明样式。要更改它，请使用浏览器工具检查您要调整的元素，并将 body 替换为更具体的声明，例如：
#main-outlet .category-list {
[data-category-id="1"]:before {
content: "Projects";
}
}