如何使用 CSS 隐藏 Staff 分类?

我正在托管一个 Discourse 安装实例,它被用作两个人的 Wiki。对于此用途,我不需要“工作人员”分类——它只是在屏幕上造成杂乱。

我可以使用以下 CSS 在桌面端隐藏它:

// 隐藏工作人员分类
tr[data-category-id="3"] {
    display: none;
}

但这在移动端不起作用。有人知道如何在移动端隐藏“工作人员”分类吗?

试试

// 隐藏管理员分类
tr[data-category-id="3"],
category[data-category-id="3"]  {
    display: none;
}

那似乎不起作用。这个可以:

// 隐藏员工分类
tr[data-category-id="3"],
.category-list-item[data-category-id="3"]  {
display: none;
}

不幸的是,搜索结果中仍然会出现工作人员帖子。我查看了 CSS,并设法通过以下方式定位了相关部分:

.fps-result .author a[data-user-card=“system”] {
}

但似乎目前无法在 CSS 规范中选择父类(尽管它已在未来的规范中引入,参见 https://developer.mozilla.org/en-US/docs/Web/CSS/:has),因此,如果不修改 Discourse 在搜索结果页面上对条目的样式设置方式,我无法看出如何隐藏这些搜索条目。

完全隐藏一个专为员工设置且无法删除的类别似乎很困难。
如果这让你非常困扰,我想你可以创建一个信任等级为 4 的新账号作为主账号,仅在需要执行管理操作时使用管理员账号登录。

或许可以让那些用户不再担任工作人员?