Change format of a specific word using CSS

Question

Text can come form different source. After getting text it will display on site. From this text I need to change format of a specific word using CSS. In following example

Answer 1

You cannot select content with CSS, but with jQuery you can. You could wrap "database" in span and then use CSS to style it. For example:

HTML:

<p>A <span class="database">database</span> is a collection of information. In one view <span class="database">database</span> can be classified.</p>

CSS:

.database {color: red;}

When it comes to jQuery:

$( "p:contains('database')" ).css( "color", "red" );

That would probably be the easiest solution, but I personally don't like it.