Стиль определенных символов с CSS

Я предполагаю, что это невозможно, но на всякий случай это или у кого-то есть хороший трюк в рукавах, есть ли способ нацеливать определенных персонажей с помощью CSS?

Например, сделайте все буквы z в параграфах red или в моем конкретном случае установите vertical-align:sup на всех 7 в элементах, помеченных классом chord.

Ответ 1

Это невозможно в CSS. Ваш единственный вариант - first-letter и не собирается его сокращать. Используйте либо JavaScript, либо (как вы указали в своих комментариях), ваш серверный язык.

Ответ 2

Привет, я знаю, что вы сказали в CSS, но, как все говорили, вы не можете, это решение javascript, только мои 2 цента.

Лучший...

JSFiddle

CSS

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

p{
   font-family:Verdana;   
}

HTML

<p>
    Let go Zapata let 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");

Результат

Ответ 3

Единственный способ сделать это в CSS - это обернуть их в span и дать классу span. Затем нацельтесь на все промежутки с этим классом.