css - 使用 CSS 设置某些字符的样式

Question

我假设这是不可能的，但万一它是不可能的，或者有人有一个很好的把戏，有没有办法使用 CSS 来定位某些字符？

例如，将段落中的所有字母 z 设为红色，或者在我的特定情况下，在元素中的所有 7 上设置 vertical-align:sup标有 chord 类。

Answer 1

嗨，我知道你在 CSS 中说过，但正如每个人都告诉你的那样，你不能，这是一个 javascript 解决方案，只是我的 2 美分。

最好的...

JSFiddle

CSS

span.highlight{
   background:#F60;
    padding:5px;
    display:inline-block;
    color:#FFF;
}

p{
   font-family:Verdana;   
}

html

<p>
    Let's go Zapata let's do it for the revolution, Zapatistas!!!   
</p>

javascript

jQuery.fn.highlight = function (str, className) {    
    var regex = new RegExp(str, "gi");

    return this.each(function () {
        this.innerHTML = this.innerHTML.replace(regex, function(matched) {return "<span class=\"" + className + "\">" + matched + "</span>";});
    });
};

$("p").highlight("Z","highlight");

结果