Mustervergleich für Zeichenfolgen in css

Question

Haben wir etwas in CSS, wo Styling auf einen passenden Satz von Schlüsselwörtern angewendet werden könnte?

Zum Beispiel, ich habe eine Liste von Worten { „Geschichte“, „Führer“, „Gefühle“, „Zeit“ ...}

würde Ich mag CSS-Stil alle anwenden Keywords, die mit der obigen Liste im folgenden Absatz übereinstimmen.

„Im Laufe der menschlichen Geschichte oder größten Führer und Denker haben die Macht der Worte verwendet, um unsere Emotionen, zu transformieren, in ihren Ursachen zu gewinnen uns und gestalten den Kurs schicksal. Wörter können nicht nur Emotionen erstellen, sie erstellen Aktionen. Und von unseren Aktionen fließen die Ergebnisse unseres Lebens. "Tony Robbins

Answer 1

Vielen Dank für alle Eingaben. Ich werde für Javascript gehen, um den HTML-Code vor dem Anwenden von CSS zu bearbeiten. Hier

ist ein Ansatz, der zeigt, wie können Sie durch das Array:

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

und fett jedes der Wörter im Text.

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>