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

Question

我假设这是不可能的,但是为了防止它或者某人有一个很好的技巧,有没有办法使用CSS定位某些字符？

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

Answer 1

嗨,我知道你在CSS中说,但是每个人都告诉你,你不能,这是一个javascript解决方案,只是我的2美分.

最好...

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

p{
   font-family:Verdana;   
}

CSS

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

HTML

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");

JavaScript的

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

p{
   font-family:Verdana;   
}

结果

Answer 2

这在CSS中是不可能的.你唯一的选择是first-letter,这不会削减它.使用JavaScript或(如您在评论中所述),您的服务器端语言.