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

我正在写一篇关于编程的博客。 我希望它能够自动更改特定字符的颜色，而无需手动将类或id放入其中。比如说,

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

$
php应用程序/控制台原则：模式：创建

当我将

“$”

字符放在

块引号标记中时，它会自动添加
颜色：#bb60d5
，以更改其颜色

有什么方法可以做到这一点吗？
CSS找不到单词或与之相关的东西，也不能自动添加颜色或应用样式

您可以使用JavaScript，也可以使用一些服务器端编码来找出这个单词“$”，并对该div应用一些样式。例如：

<div style="color: red;">
 $<span style="color: black">php app/console doctrine:schema:create</span>
</div>


$php应用程序/控制台原则：模式：创建

当您知道服务器将读取文件时，这将起作用。在ASP中，您可以使用
string.Split（）
查找某些部分。您可以使用正则表达式，对于PHP，您可能需要搜索

但它在CSS中不起作用，它只是JavaScript或服务器端。您可以使用CSS来应用颜色，或者在每个元素本身中使用
样式。
我知道您的问题是关于CSS的，但是jQuery可能是正确的工具。你可以去看看

if( $("blockquote").children("span:contains('$')").length ){
    $("blockquote span:nth-child(1)").css("color", "#bb60d5");
}

使用CSS无法做到这一点，但是您可以使用javascript在加载时扫描页面，并使用自定义样式将
$
的所有实例包装在一个范围内，下面是使用jQuery的一个实现：

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

$（'blockquote'）。每个（函数（）{
$（this.html（$（this.html（）.replace（/（\$）/g，$1'））；
});

CSS本身可能不能，但Javascript可以……作为一个想要自动将给定网页上的所有复选标记变为绿色和选票X变为红色的人，我可以自信地说，我发现这个问题很有帮助+1，很好，先生。问题的关键是将样式动态应用于包含
$
@koala\u dev my script的任何元素，您可以将其与任何触发事件结合使用，然后它是动态的。：containts（）将按$过滤，并将集合减少到匹配项。在if条件中，您可以执行任何代码。问题是您不知道是否会发现
$
作为第一个孩子