更改网站上的特定单词css？

Question

我想通过网站更改特定单词的css。我无法在该单词周围添加任何html元素（例如span，div），因为该单词正在使用多次，而且很多位置都在站点。

是否可以通过css更改此内容？

Answer 1

你不能纯粹用CSS做这件事。所以你的选择是：

1. 您所说的“无法”做 - 编辑源文件，例如全局搜索和替换。在该类的单词和样式周围加上一个相关类的跨度。

2. 使用JavaScript在元素中追溯包装单词（span可能是最好的），再次使用它上面的类并设置该类的样式。

如果您使用jQuery，this answer可以帮助您轻松地使用span包装特定单词。如果不这样做，this other answer会显示如何执行此操作。

Answer 2

我是一个纯粹的CSS解决方案，对你不起作用。我只能提供一个JavaScript解决方案，将目标单词包装在标签中。

Demo on jsfiddle

var styleWord = function(target, word)
{
    var html = target.innerHTML;
    html = html.replace(new RegExp(word, "g"), '<span class="styled">'+word+'</span>');
    target.innerHTML = html;
};

我写的函数有两个参数：目标元素，你想要改变的单词（它不会单独留下HTML标签和属性，所以你可能想要改进它）和你想要的单词。正在寻找。它会将单词包装在span中，以便您可以按照自己的方式设置样式。