将CSS应用于单个单词

Question

是否有可能以某种方式应用CSS，以便在元素中存在某个特定单词时进行检测并以某种方式将该单词标记出来？我知道我可以添加HTML <span style="...">word</span>或将其<span class="...">word</span>内联，但这不会自动检测到该单词。有什么办法可以完全在CSS中做到这一点？任何帮助表示赞赏。

Answer 1

没有办法在CSS中做到这一点。您可以使用包装的版本替换单词的所有实例，并按照示例http://jsfiddle.net/w9VbP/来应用样式：

js

var word = 'hello';
var replacement = '<span class="theword">' + word + '</span>';

var re = new RegExp(word, 'ig');

document.body.innerHTML = document.body.innerHTML.replace(re, replacement);

的CSS

.theword
{
    color:red;
}