# 特定分类的图标大小 - 只在直接访问时生效

**URL:** <https://meta.discourse.org/t/category-logo-size-on-specific-categories-only-applied-when-accessed-directly/302032>\
**Category:** Bug\
**Created:** [2024年四月2日 11:41 UTC](https://meta.discourse.org/t/category-logo-size-on-specific-categories-only-applied-when-accessed-directly/302032 "2024-04-02T11:41:26Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![jrgong](https://avatars.discourse-cdn.com/v4/letter/j/c57346/32.png) [@jrgong](https://meta.discourse.org/u/jrgong)\
**Post date:** [2024年四月2日 11:41 UTC](https://meta.discourse.org/t/category-logo-size-on-specific-categories-only-applied-when-accessed-directly/302032/1 "2024-04-02T11:41:26Z")

</div>

对于一个特定的类别，我们添加了以下 CSS 来调整类别徽标的大小。但是，CSS 仅在您通过链接访问类别时应用，请参见此处：

[Contests - Forum | Cannabisanbauen.net](https://forum.cannabisanbauen.net/c/contests/116) （我们运行的是 3.2 稳定版）

CSS（在 Common 中）：

```CSS
/* Contest Kategorie - category image for each contest subcat */
body[class^="category-contests"] {
@supports (--custom: property) {
.category-logo.aspect-image {
    --max-height: 250px;
}
.category-boxes .category-box .category-logo.aspect-image img, .category-boxes-with-topics .category-box .category-logo.aspect-image img {
    --height: 250px;
}
}
}

```

但是，当从论坛上的另一个页面进入时，CSS 没有被“触发”，类别徽标仍然是默认大小。

重现步骤：

1. 转到 [https://forum.cannabisanbauen.net/](https://forum.cannabisanbauen.net/)
2. 通过侧边栏或类别选择器进入“Contests”类别
3. 类别徽标为默认大小

这是错误还是我们应该以不同的方式实现 CSS？

---

<div class="post-metadata">

**Author:** ![bryce](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bryce/32/377822_2.png) [@bryce](https://meta.discourse.org/u/bryce)\
**Post date:** [2024年四月5日 00:23 UTC](https://meta.discourse.org/t/category-logo-size-on-specific-categories-only-applied-when-accessed-directly/302032/2 "2024-04-05T00:23:53Z")

</div>

嗯，这真是一个奇怪的问题！

我注意到，根据你访问页面的方式，`<body>` 标签的类名顺序会有所不同：

 ![image](https://global.discourse-cdn.com/meta/original/4X/f/b/3/fb3346b5d9909a3615f0555d9b6c2bd6070df62f.png)  
“`body[class^=\"category-contests\"]`” 中的 “`^`” 符号只会搜索类名列表的开头部分，所以我的猜测是，它只在 ‘category-contest’ 是列表中的第一个类名时才有效。

还有一个 “`*`” 符号，它会在类名列表中的任何位置搜索匹配项。你可以尝试将第一部分更改为：

```plaintext
body[class*="category-contests"]
          ↑（用 * 替换 ^）

```

或者，更简单地写成：

```plaintext
body.category-contests

```

如果这有帮助，请告诉我！

---

<div class="post-metadata">

**Author:** ![jrgong](https://avatars.discourse-cdn.com/v4/letter/j/c57346/32.png) [@jrgong](https://meta.discourse.org/u/jrgong)\
**Post date:** [2024年四月5日 07:20 UTC](https://meta.discourse.org/t/category-logo-size-on-specific-categories-only-applied-when-accessed-directly/302032/3 "2024-04-05T07:20:47Z")

</div>

> [@bryce](#):
>
> 让我知道那是否有帮助！

谢谢，这确实解决了问题……不知道我为什么把它想得那么复杂 😃
