Javascript 更改特定单词';网站上的css是什么?

Javascript 更改特定单词';网站上的css是什么?,javascript,html,css,text,Javascript,Html,Css,Text,我想在整个站点中更改一个特定单词的css。我不能在该单词周围添加任何html元素(如span、div),因为该单词在站点上使用了很多次 有可能通过css来改变这一点吗?纯粹使用css是无法做到的。因此,您的选择是: 你说你“不能”做的-编辑源文件,例如,全局搜索和替换。在单词周围放置一个与相关类相关的span,并设置该类的样式 使用JavaScript将单词反向包装到元素中(aspan可能是最好的),再次在其上使用类并设置该类的样式 如果您使用jQuery,它可以帮助您轻松地用span包装特定的

我想在整个站点中更改一个特定单词的css。我不能在该单词周围添加任何html元素(如span、div),因为该单词在站点上使用了很多次


有可能通过css来改变这一点吗?

纯粹使用css是无法做到的。因此,您的选择是:

  • 你说你“不能”做的-编辑源文件,例如,全局搜索和替换。在单词周围放置一个与相关类相关的span,并设置该类的样式

  • 使用JavaScript将单词反向包装到元素中(a
    span
    可能是最好的),再次在其上使用类并设置该类的样式


  • 如果您使用jQuery,它可以帮助您轻松地用span包装特定的单词。如果你不这样做,说明如何做。

    我是一个fraid,一个纯CSS解决方案对你不起作用。我只能为您提供一个JavaScript解决方案,将目标单词包装在标记中

    var styleWord=函数(目标,字)
    {
    var html=target.innerHTML;
    html=html.replace(新的RegExp(word,“g”),“”+word+“”);
    target.innerHTML=html;
    };
    

    我编写的函数包含两个参数:要在其中更改单词的目标元素(它不会单独保留HTML标记和属性,因此可能需要对其进行优化)和要查找的单词。它将把单词包装成一个
    span
    ,这样你就可以随心所欲地设计它了。

    看看这个问题,是的,我肯定这个问题已经有一些重复的了。编辑-如果你只想要CSS,为什么要使用JS标签?我没有发现任何问题“我不能在这个单词周围添加任何html元素(比如span,div),因为这个单词在网站上使用了很多次。”?无论是在IDE中,还是在使用
    sed
    等工具时,全局搜索和替换都会在这里派上用场。@Jan.J我真的很想知道那支笔如何解决手头的问题。它使用选择器,如
    第n个字母
    ,在网站中,如何使用这些选择器找出特定单词的位置..?我无法编辑源文件,因为我真的不知道该单词有多少次appearing@AnkitAgrawal:那没有任何意义。您可以(再次)使用全局搜索和替换来查找次数。全局搜索(及其变体,全局搜索和替换)是一个绝对基本的编程工具。请注意,如果在进行替换之前子元素上的事件处理程序已连接,则这将彻底清除它们。@T.J.Crowder是的,会的。这是一个愚蠢的一行,是为了写在一个更傻瓜的方式。恐怕我目前还不能写一个完整的JS插件:)。感谢您的第二次评论;事实上,我无意中删除了var声明。
    var styleWord = function(target, word)
    {
        var html = target.innerHTML;
        html = html.replace(new RegExp(word, "g"), '<span class="styled">'+word+'</span>');
        target.innerHTML = html;
    };