css中字符串的模式匹配

Question

我们有什么可以将样式应用于一组匹配关键字的CSS吗？

例如，我有一个单词列表{“历史”，“领导者”，“情感”，“时间” ...}

我想CSS样式应用到所有关键字与以下段落中的上述列表相匹配。

“纵观人类历史，或最大领导和思想家都用文字的力量来改变我们的情绪，争取我们自己的原因，塑造的过程命运。言语不仅可以创造情绪，他们创造行动。并从我们的行动流向我们生活的结果。“托尼罗宾斯

Answer 1

感谢所有的投入。在应用css之前，我会去javascript编辑html代码 。

这是一种方法，展示如何通过数组循环：

['history', 'leaders', 'emotions', 'time'] 

和大胆的每个文本的话。

var wordsToHighlight = ['history', 'leaders', 'emotions', 'time']; 
 

 
var paragraph2 = document.getElementsByTagName('p')[1]; 
 
var paragraph2Text = paragraph2.innerHTML; 
 
var paragraph2RichText = paragraph2Text; 
 

 
for (var i = 0; i < wordsToHighlight.length; i++) { 
 
    var regex = new RegExp('('+ wordsToHighlight[i] + ')', 'gi'); 
 
    paragraph2RichText = paragraph2RichText.replace(regex, '<strong>$1</strong>'); 
 
} 
 

 
paragraph2.innerHTML = paragraph2RichText;

<p>“Throughout human history, or greatest leaders and thinkers have used the power of words to transform our emotions, to enlist us in their causes, and to shape the course of destiny. Words can not only create emotions, they create actions. And from our actions flow the results of our lives.” Tony Robbins</p> 
 
<p>“Throughout human history, or greatest leaders and thinkers have used the power of words to transform our emotions, to enlist us in their causes, and to shape the course of destiny. Words can not only create emotions, they create actions. And from our actions flow the results of our lives.” Tony Robbins</p>