最新和类别的 CSS 类

支持
1

我搜索并尝试了所有能想到的方法，但都无法找到解决方案。我需要在某些类别以及 /latest 和 /categories 页面中添加一些内容。

这是我为类别所做的：

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，但它似乎不适用于：

.categories-and-latest .featured-tiles::before {
  content: "Recent Editors Picks";
  font-size: 1.5em;
}

有什么想法吗？似乎我遗漏了什么简单的事情，或者也许这根本不可能。

2

你好，是的，这样是行不通的。

试试这样 :slightly_smiling_face:

body.categories-list.navigation-categories .featured-tiles::before,
body.navigation-topics .featured-tiles::before {
  content: "Recent Editors Picks";
  font-size: 1.5em;
}
1 个赞
3

谢谢 Don，这对于“分类”有效，但“最新”呢？

4

哦，抱歉，我编辑了上面的帖子。:slightly_smiling_face:

1 个赞
5

谢谢，但 body.navigation-topics 的问题是它会显示在 /top、/unread 等页面上。

1 个赞
6

您想将此文本添加到所有显示“精选图块”的地方吗？

如果是，我认为最简单的方法可能是针对类似这样的内容。

.featured-tiles > div:not(:empty)::before {
  content: "Recent Editors Picks";
  font-size: 1.5em;
}
3 个赞
7

太棒了，Don，非常感谢你！

1 个赞
8

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