我怎样隐藏侧边栏中的徽章链接?

我想,侧边栏自定义功能应该会适时添加,但目前我想删除“徽章”链接,或者至少将其隐藏在“更多…”中。

我现在应该只使用 CSS 来隐藏它吗?

我不太明白 CSS。包含链接的 div 类的名称是 sidebar-section-link-wrapper,没有 id。当我尝试使用 a.sidebar-section-link-badges { display: none; } 隐藏 a 标签时,它没有隐藏任何内容。

2 个赞

你好,在汉堡包菜单中,我使用了“nth-child”来做这类事情

https://www.w3schools.com/cssref/sel_nth-child.asp

1 个赞

nth-child 对于许多事情都很有用,但在这种情况下,我认为它可能很危险。由于它完全基于数字,因此在这种情况下,它需要保证徽章将保持在相同的位置。

如果在此之前添加/删除/移动其他内容,徽章的位置将会改变,这可能导致徽章被显示,而其他内容被隐藏,并且可能不被注意。

:has() 是理想的选择,但遗憾的是它的支持仍然有限,尤其是在 Firefox 中默认禁用,并且在许多移动浏览器中缺失。

如果隐藏它对您来说不是关键,也就是说,在可能的情况下为获得最佳体验而隐藏它,同时在尚不支持 :has() 的浏览器中可见是可以接受的,那么您可以使用以下选择器:

sidebar-section-link-wrapper:has(a.sidebar-section-link-badges) { display: none; }
1 个赞

谢谢这些想法。我现在可能会这样做。但我希望可以添加 id

1 个赞

你好,

你可以用这个隐藏它。 :slightly_smiling_face:

.sidebar-section-link-wrapper {
  .sidebar-section-link.sidebar-section-link-badges {
    display: none;
  }
}
6 个赞

我刚刚将此内容复制并粘贴到我的旧主题组件中(它对旧的汉堡菜单也做了同样的事情),它就能正常工作了!非常感谢,也再次感谢大家。

3 个赞

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.

抱歉,此 CSS 似乎无法与 2.9.0beta12 一起使用……有什么想法吗? :slight_smile:

This still works for me on the latest version.


Can you share your code?

1 个赞

抱歉,它确实有效。我将其注释掉了,因为“更多”链接存在错误。
该错误是,即使没有“更多”菜单选项,该链接也会显示。我的论坛有很多选项,其中“徽章”选项存在,即使我不想要它在那里,至少“更多”还有点用!(问题仍然存在……当你身处徽章页面本身时,那个无用的“更多”链接仍然在那里。)"More..." shows in sidebar when there is nothing more
不知何故,“粘贴 URL 覆盖文本以创建超链接”功能在此帖子编辑时不起作用。

我明白了。实际上,我认为这不是一个错误,因为“更多”菜单选项就在那里,只是隐藏了,所以它不是空的。但如果我的理解正确,您是否隐藏了“更多”菜单中的所有内容?如果是这样,我认为隐藏整个“更多”部分会更好?

要从所有页面隐藏“更多”菜单下拉列表:

// 从所有页面隐藏“更多”菜单
.sidebar-more-section-links-details {
  display: none;
}

如果您想在特定页面上隐藏它,可以使用 body 类进行定位。

您可以在此处找到它。

例如,在徽章页面上,它看起来会像这样:

// 从特定页面(徽章)隐藏“更多”菜单
body.badges-page {
  .sidebar-more-section-links-details {
    display: none;
  }
}

这将隐藏“更多”下拉菜单,但会在侧边栏中显示“徽章”。


但是,如果您使用之前的代码隐藏徽章,那么徽章也不会显示。

// 隐藏徽章“更多”菜单项
.sidebar-section-link-wrapper {
  .sidebar-section-link.sidebar-section-link-badges {
    display: none;
  }
}

// 从特定页面(徽章)隐藏“更多”菜单
body.badges-page {
  .sidebar-more-section-links-details {
    display: none;
  }
}

1 个赞

我认为这是一个错误,因为我认为“更多”选项不应该出现,除非更多内容,因此点击“更多”会产生某种效果。错误报告在这里:"More..." shows in sidebar when there is nothing more

此主题已在 617 天后自动关闭。不再允许回复。