Как изменить текст этого span-объекта без селекторов?

[Canapin (Coin-coin le Canapin)]

@jordan-violet

на основе каждой категории.

Если вы хотите сделать это для нескольких категорий и избежать большого количества строк SCSS, вы можете использовать циклы SCSS. Это упрощает чтение и поддержку кода, так как вам нужно будет редактировать только две переменные SCSS.

How to add unique text below each category image?

Oh, I see. You can still use a pure SCSS solution using category slugs: If you want to add line breaks in the text, put \A inside your text, and add white-space: pre; in the :after pseudo element properties. $categories: "nature", "general"; $labels: "All natural!\ANaturaaal!" "Another text"; @each $category, $label in zip($categories, $labels) { body.category-#{$category} .category-heading .category-logo.aspect-image { max-height: none; &:after …