能否仅使用CSS实现网页元素中指定字符的批量样式设置？

1. 汉字放大的实现限制 #

CSS没有原生选择器能直接选中文本内的所有汉字字符并单独设置样式：

• 虽然unicode-range属性可以配合@font-face指定字体的应用字符范围，但它只能控制字体的使用，无法单独调整字符字号——字号是元素级属性，无法针对单个字符范围独立设置。
• 你当前用JavaScript将每个汉字包裹在带larger-font类的标签中，再通过CSS给该类设置更大字号的方案，是目前最可靠的通用实现方式。

2. 「な」设为红色的实现限制 #

同样，CSS没有原生能力选中页面中所有出现的「な」字符并设置颜色：

• 诸如::character()这类针对单个字符的实验性CSS选择器，目前没有主流浏览器支持，无法用于生产环境。
• 可行的方案还是通过JavaScript将所有「な」包裹在带样式类的标签中，再用CSS设置红色样式。

如果你的场景中字符出现的上下文极端固定（比如「な」仅在特定类的元素内出现），或许能找到一些hack手段，但这类方法无法覆盖通用场景，远不如JavaScript方案稳定可靠。

内容的提问来源于stack exchange，提问作者wjzkfl