如何更改没有选择器的 span 元素的文本？

开发
1

image
image1462×208 12.3 KB

此对象具有以下 HTML：

<span>Topic</span>

我想知道如何使用 CSS 将此文本更改为其他内容，例如“Blogs”。

编辑：我想按类别进行此操作。

1 个赞
2

可以通过 /admin/customize/site_texts?q=Topics 进行自定义。

但我不太确定具体是哪一个……

您可以通过在 JS 控制台中运行 I18n.enableVerboseLocalizationSession()，然后重新加载页面来找出它：之后，您就可以将字符串编号与控制台中的输出进行关联：

image
image1088×650 85.4 KB

2 个赞
3

这会是针对所有类别，对吗？我想按类别进行。

1 个赞
4

你好 :wave:

使用 CSS 可以实现此功能。

body.category-name {
  .topic-list-header {
    .default.topic-list-data {
      span {
        visibility: hidden;
        &::before {
          content: "Blogs";
          visibility: visible;
        }
      }
    }
  }
}
2 个赞
5

我希望我能给你10个赞！非常感谢你，Don！

3 个赞
6

如果你想在多个类别中执行此操作并避免出现大量 SCSS 行，可以使用 SCSS 循环。它使代码更易于阅读和维护，因为你只需编辑两个 SCSS 变量。

4 个赞
7

我将尝试将其制作成一个主题插件，感谢这个循环的创意！

4 个赞
8

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