`DEMO`

Question

我有一段文字，在％word％这样的特殊字符中几乎没有单词。我想只用红色的段落中的这些词。我可以用纯CSS做到这一点吗？如果不是什么应该是通过jquery着色它的正则表达式。例如：

<Html>
 <head>
 <style>
 </style>
 </head>
 <body>
  <div id="myelement">
     Hi how do I color %this%? 
  </div>
 </body>
</Html>

Answer 1

我在javascript中使用了正则表达式（正则表达式），如下所示：

function chnColor(){
    var str=document.getElementById("myelement").innerHTML;
    str=str.replace(/(%)(.*)(%)/g,"<font color='red'>$2</font>");
    //Here $2 Means Anything in between % and % This is what you need to color 
    document.getElementById("myelement").innerHTML=str;
}

`DEMO`

希望它有所帮助！干杯:)！

Answer 2

<style>
.textColor{ color:red; }
</style>
<div id="myelement">
     Hi how do I color <span class="textColor"> %this%?</span> 

</div>

在php中

Hi how do I color <span class="textColor"> <?php echo $text; ?></span>

您可以在css

中将类用于特定目的

如何使用css或jquery为文本部分着色

2 个答案:

`DEMO`