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>