Изменение формата определенного слова с помощью CSS

Question

Текст может быть сформирован из другого источника. После получения текста он будет отображаться на сайте. Из этого текста мне нужно изменить формат определенного слова с помощью CSS. В следующем примере database слово должны изменить:

Это легко сделать с помощью JavaScript JSFiddle, но мне нужно его CSS не JavaScript. Есть идеи?

Answer 1

Вы не можете выбрать контент с помощью CSS, но с помощью jQuery вы можете. Вы можете обернуть «базу данных» в промежутке, а затем использовать CSS для его стилизации. Например:

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;} 

Когда дело доходит до JQuery:

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

Это, вероятно, будет самым простым решением, но я лично не нравится.