Question

我有一个带文字的范围：

<span class="magic">a sample text</span>

是否可以创建将改变每个符号'a'或''

的颜色的选择器

.magic...<something> {
   color: red;
}

注意：我不想用额外的跨度包围每个角色 - 我知道这将有效

Answer 1

仅使用CSS无法做到这一点，因为它没有为此提供任何选择器。幸运的是，您可以使用javascript和regex。

这是一个jquery代码的示例，它将用p替换<span class="red">a</span>元素内的每个“a”字符，因此它的样式可以不同（我在这里找到了这个代码，在stackoverflow中，根据您的需要调整它：）

$('p').html($('p').html().replace(/a/g, '<span class="red">a</span>'));

Answer 2

使用CSS是不可能的，我实际上一直在寻找类似于similair的东西。这是我发现的一段时间:( jQuery插件）

您可以从页面加载时突出显示的某些字符开始...如果您有一些预见，提供的文档并不难理解。