仅使用CSS查找和替换文本-无需设置类或ID

Question

出于需要花很长时间解释的原因，我需要一种无需PHP或javascript即可完成此操作的方法-仅HTML / CSS。

我在页面上有一个功能列表（来自PHP函数），这些功能没有任何特定的类或ID。我需要CSS在页面上查找WIFI一词并替换为一个图标。其他功能相同。

一些同事认为他们已经找到了一种方法，但是我们找不到它。唯一的解决方案需要一个span和自定义类。

Answer 1

您可以创建自定义字体。然后可以将该自定义字体设置为对“ WIFI”使用自定义连字，使连字看起来像您想要的样子。

我不建议用图标1：1替换“ WIFI”，但是您可以使用连字来增强文本“ WIFI”，并在其后显示一个图标。

关于创建连字的方法的细节，我不知道该过程实际上涉及什么。