将CSS应用于一个单词

Question

是否可以将CSS应用于检测元素中某个单词并以某种方式标记该单词的方式？我知道我可以在HTML中添加<span style="...">word</span>或<span class="...">word</span>，但这不会自动检测到该单词。有什么办法可以完全在CSS中完成此操作吗？任何帮助表示赞赏。

Answer 1

Theres没有办法在CSS中做到这一点。你可以用一个包裹版本替换单词的所有实例和应用样式，按您的例子http://jsfiddle.net/w9VbP/：

.theword 
{ 
    color:red; 
} 

Answer 2

你可以轻松地使用jQuery它

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。我在var text中存储body的html标记，并用<span class="change">sample1</span>替换sample，并放回body的更新html标记。显然，您必须将此jQuery放在html的head部分，否则jQuery函数中的sample字符串也将被替换为<span class="change">sample1</span>。

jQuery的功能

$('body').each(function() { 
    var text = $(this).html().replace(/sample/g,'<span class="change">sample1</span>'); 
    $(this).html(text); 
}); 

的CSS：

.change{ 
color:red; 
background:blue; 
} 

Working jsFiddle