CSS：自动更改特定字符的颜色？

Question

我正在写有关编程的博客。我希望它能够自动更改特定字符的颜色，而无需手动将类或ID放入其中。例如，

 <blockquote class="tr_bq">
 <span style="color: #bb60d5;">$</span>
 <span>php app/console doctrine:schema:create</span>
 </blockquote>

当我将"$"字符放入时blockquote tag，它将自动添加color: #bb60d5以更改其颜色。

有没有办法做到这一点？

Answer 1

无法使用CSS来执行此操作，但是您可以使用JavaScript扫描加载时的页面，并$使用自定义样式将span的所有实例包装起来，这是使用jQuery的实现：

$('blockquote').each(function () {
    $(this).html($(this).html().replace(/(\$)/g, '<span style="color: #bb60d5;">$1</span>'));
});

演示小提琴