# 最新和类别的 CSS 类
**URL:** https://meta.discourse.org/t/css-class-for-latest-and-categories/234597
**Category:** Support
**Tags:** css
**Created:** [2022年七月31日 20:52 UTC](https://meta.discourse.org/t/css-class-for-latest-and-categories/234597 "2022-07-31T20:52:26Z")
**Posts on this page:** 8
**Page:** 1
### Author:  [@davidkingham](https://meta.discourse.org/u/davidkingham)
#### Post date: [2022年七月31日 20:52 UTC](https://meta.discourse.org/t/css-class-for-latest-and-categories/234597/1 "2022-07-31T20:52:26Z")
我搜索并尝试了所有能想到的方法，但都无法找到解决方案。我需要在某些类别以及 `/latest` 和 `/categories` 页面中添加一些内容。
这是我为类别所做的：
```plaintext
body.category-image-critiques-avian-critiques .featured-tiles::before,
body.category-image-critiques-flora-critiques .featured-tiles::before,
body.category-image-critiques-human-fauna-critiques .featured-tiles::before,
body.category-image-critiques-landscape-critiques .featured-tiles::before,
body.category-image-critiques-macro-critiques .featured-tiles::before,
body.category-image-critiques-night-critiques .featured-tiles::before,
body.category-image-critiques-weekly-challenge .featured-tiles::before,
body.category-image-critiques-wildlife-critiques .featured-tiles::before,
body.category-image-critiques-abstract-critiques .featured-tiles::before,
body.category-image-critiques .featured-tiles::before {
content: "Recent Editors' Picks";
font-size: 1.5em;
}
```
但我还需要在 latest 和 categories 页面上实现这一点。你可以通过 `.navigation-topics` 来实现这一点，但这不适用于类别，而且我也不希望在 `/top` 等页面上显示此内容。
有 `.categories-and-latest`，但它似乎不适用于：
```plaintext
.categories-and-latest .featured-tiles::before {
content: "Recent Editors Picks";
font-size: 1.5em;
}
```
有什么想法吗？似乎我遗漏了什么简单的事情，或者也许这根本不可能。
---
### Author:  [@Don](https://meta.discourse.org/u/Don)
#### Post date: [2022年七月31日 21:10 UTC](https://meta.discourse.org/t/css-class-for-latest-and-categories/234597/2 "2022-07-31T21:10:05Z")
你好，是的，这样是行不通的。
> [@davidkingham](#):
>
> 有 `.categories-and-latest`，但它似乎不适用于：
>
> ```plaintext
> .categories-and-latest .featured-tiles::before {
> content: "Recent Editors Picks";
> font-size: 1.5em;
> }
>
> ```
* * *
试试这样 🙂
```scss
body.categories-list.navigation-categories .featured-tiles::before,
body.navigation-topics .featured-tiles::before {
content: "Recent Editors Picks";
font-size: 1.5em;
}
```
---
### Author:  [@davidkingham](https://meta.discourse.org/u/davidkingham)
#### Post date: [2022年七月31日 21:26 UTC](https://meta.discourse.org/t/css-class-for-latest-and-categories/234597/3 "2022-07-31T21:26:32Z")
谢谢 Don，这对于“分类”有效，但“最新”呢？
---
### Author:  [@Don](https://meta.discourse.org/u/Don)
#### Post date: [2022年七月31日 21:33 UTC](https://meta.discourse.org/t/css-class-for-latest-and-categories/234597/4 "2022-07-31T21:33:08Z")
哦，抱歉，我编辑了上面的帖子。🙂
---
### Author:  [@davidkingham](https://meta.discourse.org/u/davidkingham)
#### Post date: [2022年七月31日 21:48 UTC](https://meta.discourse.org/t/css-class-for-latest-and-categories/234597/5 "2022-07-31T21:48:18Z")
谢谢，但 `body.navigation-topics` 的问题是它会显示在 /top、/unread 等页面上。
---
### Author:  [@Don](https://meta.discourse.org/u/Don)
#### Post date: [2022年七月31日 22:18 UTC](https://meta.discourse.org/t/css-class-for-latest-and-categories/234597/6 "2022-07-31T22:18:27Z")
您想将此文本添加到所有显示“精选图块”的地方吗？
如果是，我认为最简单的方法可能是针对类似这样的内容。
```scss
.featured-tiles > div:not(:empty)::before {
content: "Recent Editors Picks";
font-size: 1.5em;
}
```
---
### Author:  [@davidkingham](https://meta.discourse.org/u/davidkingham)
#### Post date: [2022年七月31日 22:20 UTC](https://meta.discourse.org/t/css-class-for-latest-and-categories/234597/7 "2022-07-31T22:20:40Z")
太棒了，Don，非常感谢你！
---
### Author:  [@system](https://meta.discourse.org/u/system)
#### Post date: [2022年八月30日 22:21 UTC](https://meta.discourse.org/t/css-class-for-latest-and-categories/234597/8 "2022-08-30T22:21:29Z")
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.