# 用户个人资料页面/组的 CSS 类/如何将其添加到页面？

**URL:** <https://meta.discourse.org/t/user-profile-page-css-class-for-groups-how-to-add-it-to-page/229174>\
**Category:** Development\
**Created:** [2022年六月6日 16:18 UTC](https://meta.discourse.org/t/user-profile-page-css-class-for-groups-how-to-add-it-to-page/229174 "2022-06-06T16:18:33Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![baseline-mobile](https://avatars.discourse-cdn.com/v4/letter/b/958977/32.png) [@baseline-mobile](https://meta.discourse.org/u/baseline-mobile)\
**Post date:** [2022年六月6日 16:18 UTC](https://meta.discourse.org/t/user-profile-page-css-class-for-groups-how-to-add-it-to-page/229174/1 "2022-06-06T16:18:33Z")

</div>

我正试图隐藏某个用户组（例如“已暂停”）的用户在查看该用户个人资料页面时（作为非管理员）的“摘要部分”。我已经安装了这个主题组件：[https://meta.discourse.org/t/css-classes-for-current-users-groups/226068，并且我正在使用提供的推荐](https://meta.discourse.org/t/css-classes-for-current-users-groups/226068%EF%BC%8C%E5%B9%B6%E4%B8%94%E6%88%91%E6%AD%A3%E5%9C%A8%E4%BD%BF%E7%94%A8%E6%8F%90%E4%BE%9B%E7%9A%84%E6%8E%A8%E8%8D%90) CSS：

body:not(.staff) .group-suspended .user-content-wrapper .user-content { display: none; }

问题是，“group-suspended”这个 CSS 类并没有出现在已暂停用户的个人资料页面上。我没有在页面上看到任何“group-” CSS 类。

我该如何才能让这个“group-” CSS 类出现在用户个人资料页面上？

我们的网站是：[https://base.championteamtrading.com/](https://base.championteamtrading.com/)

谢谢！

---

<div class="post-metadata">

**Author:** ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)\
**Post date:** [2022年六月6日 16:22 UTC](https://meta.discourse.org/t/user-profile-page-css-class-for-groups-how-to-add-it-to-page/229174/2 "2022-06-06T16:22:17Z")

</div>

该组件将当前登录用户的 CSS 类添加到当前用户正在查看的所有页面。

您想要的是相反的操作，即向当前正在查看的用户配置文件的页面添加组类。

---

<div class="post-metadata">

**Author:** ![baseline-mobile](https://avatars.discourse-cdn.com/v4/letter/b/958977/32.png) [@baseline-mobile](https://meta.discourse.org/u/baseline-mobile)\
**Post date:** [2022年六月6日 16:38 UTC](https://meta.discourse.org/t/user-profile-page-css-class-for-groups-how-to-add-it-to-page/229174/3 "2022-06-06T16:38:36Z")

</div>

感谢您的快速回复！

您说得对，我正是想这么做，有什么简单的方法可以实现吗？我查找了以下两种方法：

- 安装一个现有的主题组件来为 HTML 添加类，以及
- 一个插件 API 函数来获取该用户变量并编写一些代码（但只找到一个获取当前用户的函数）

但到目前为止，我还没有找到。

如果您能提供任何帮助，我将不胜感激！

再次感谢。

---

<div class="post-metadata">

**Author:** ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)\
**Post date:** [2022年六月6日 16:43 UTC](https://meta.discourse.org/t/user-profile-page-css-class-for-groups-how-to-add-it-to-page/229174/4 "2022-06-06T16:43:23Z")

</div>

您需要挂钩 Ember 代码以获取 profile user object groups 属性。

此类更改会更复杂一些，但在[开发者指南：Discourse 主题](https://meta.discourse.org/t/developer-s-guide-to-discourse-themes/93648)中有详细说明。