# 能否用 CSS 实现？在分类页面上对分类进行分组

**URL:** <https://meta.discourse.org/t/can-it-be-done-with-css-grouping-categories-on-category-page/112433>\
**Category:** Development\
**Created:** [2019 年3 月 24 日 02:34 UTC](https://meta.discourse.org/t/can-it-be-done-with-css-grouping-categories-on-category-page/112433 "2019-03-24T02:34:40Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![Cozdabuch](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cozdabuch/32/139120_2.png) [@Cozdabuch](https://meta.discourse.org/u/Cozdabuch)\
**Post date:** [2019 年3 月 24 日 02:34 UTC](https://meta.discourse.org/t/can-it-be-done-with-css-grouping-categories-on-category-page/112433/1 "2019-03-24T02:34:40Z")

</div>

我想做的是（我知道没有内置的设置或功能集）使用 CSS 在主页上对类别进行分组。

我并不打算嵌套类别，只是想将某些类别分组在一起，并可能为它们添加一个标题。我知道可以通过内边距将各个类别“分隔”开，也知道可以通过类别 ID 或类别名称来定位每个类别。因此，我希望能实现类似这样的效果：

 ![image](https://global.discourse-cdn.com/meta/original/3X/8/d/8d9b2a93e86bf6b366397f8cf1d3358055de1890.png)

为了简化起见，我意识到类别必须保持其排序顺序，并且每个类别需要通过 category\_id 进行定位，但我认为可能存在某种 CSS 方法，可以在某个类别之后或另一个类别之前添加内边距。

关键问题是：是否有可能在内边距中插入一些文本来创建标题？

这样做的目的首先是打破冗长的类别列表视图，并进行区分，例如：

- 类别 1-2 归入“员工”标题下
- 类别 3-4 归入“社区资源”标题下
- 类别 5、8、11、12、13 归入“一般讨论类别”标题下

我不想将这些设为子类别，我喜欢现有的结构和类别系统。我只想改变类别视图页面上类别的显示方式。理想情况下，这仅仅是一个视觉布局的调整，无需更改平台的库结构。

有人知道如何实现吗？

这对我工作协作网站的布局来说将是一个重大突破。

Sam、codinghorror，你们认为是否可以在类别重组菜单中添加一个“分组”步骤，使其能够原生实现此功能？例如作为一个选项（开启/关闭分组）。只需将类别按顺序排列在主页分组中，系统就能自动将它们分隔开。这应该是在核心代码、插件还是主题组件中实现呢？

---

_[View the full topic](https://meta.discourse.org/t/can-it-be-done-with-css-grouping-categories-on-category-page/112433)._