如何为段落标签内的特定单词着色？

Question

我正在尝试为段落中的特定单词着色。有没有办法实现这一目标？

这就是我想要实现的目标：

在<p>Hello World</p>中说，我想在段落中为“世界”这个词加上颜色。

有办法吗？

这里要明确的是我想要实现的目标：

Answer 1

.highlightClass{
color:green;
}

<强> CSS

<p>Hello <span style='color:green'>world</span></p>

Answer 2

使用SPAN TAG

mousemove

Answer 3

您也可以使用javascript实现此目的

检查此示例

<style>
.green{
    color:green;
}
</style>
<div id="paragraph">

</div>
<script>
var mystring = "This is a very long paragraph with some green words highlighted with green color. green, green, green"
mystring = mystring.replace(new RegExp("green", 'g'), "<span class='green'>green</span>");
document.getElementById("paragraph").innerHTML=mystring;
</script>

它会将样式应用于提供的段落中的所有单词

查看JSfiddle演示

https://jsfiddle.net/t9e04sgv/