使用CSS更改特定单词的格式

Question

文本可以来自不同的来源。获取文本后，它将在现场显示。在本文中，我需要使用CSS更改特定单词的格式。在以下示例database中，必须更改单词：

可以通过JavaScript JSFiddle 轻松完成，但我需要CSS而不是JavaScript。有什么想法吗？

Answer 1

您无法使用CSS选择内容，但您可以使用jQuery。 你可以包装＆＃34;数据库＆＃34;在span中然后使用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" );

这可能是最简单的解决方案，但我个人不喜欢它。