# 欢迎链接横幅

**URL:** <https://meta.discourse.org/t/welcome-link-banner/218743>\
**Category:** Theme component\
**Tags:** official, welcome-link-banner\
**Created:** [2022年二月18日 22:21 UTC](https://meta.discourse.org/t/welcome-link-banner/218743 "2022-02-18T22:21:47Z")\
**Posts on this page:** 1\
**Showing post:** 138

<div class="post-metadata">

**Author:** ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)\
**Post date:** [2025年二月9日 15:46 UTC](https://meta.discourse.org/t/welcome-link-banner/218743/138 "2025-02-09T15:46:39Z")

</div>

@Aurora  
一种方法是为登录用户创建链接，为未登录用户遵循链接（按顺序，因此您有两组链接）。  
然后，使用一些 CSS，您可以隐藏一个组或另一个组。  
有一个您可以使用的 CSS `anon` 类。

例如，假设您有两个登录用户的链接和三个未登录用户的链接：

- 登录链接 1
- 登录链接 2
- 未登录链接 1
- 未登录链接 2
- 未登录链接 3

在 CSS 中，您可以这样做：

```css
/* 未登录用户：隐藏前两个链接 */
html.anon .featured-banner-link > div:nth-child(-n+2) {
    display: none !important;
}

/* 登录用户：隐藏最后三个链接 */
html:not(.anon) .featured-banner-link > div:nth-last-child(-n+3) {
    display: none !important;
}

```

这会起作用吗？

---

_[View the full topic](https://meta.discourse.org/t/welcome-link-banner/218743)._