Określanie pewnych znaków za pomocą CSS

Question

Zakładam, że nie jest to możliwe, ale tak na wszelki wypadek lub ktoś ma fajną sztuczkę w rękawie, czy istnieje sposób na kierowanie określonych postaci za pomocą CSS?

Na przykład zrobić wszystkie litery z w punktach czerwony, lub w moim konkretnym przypadku ustawić vertical-align:sup na wszystkich 7 elementów oznaczonych w klasie chord.

Answer 1

Nie jest to możliwe w CSS. Twoja jedyna opcja to first-letter, a to nie spowoduje jej ograniczenia. Użyj JavaScript lub (jak podano w komentarzach), twój język po stronie serwera.

Answer 2

Witam Wiem, że powiedziałeś w CSS, ale jak wszyscy ci mówili, nie możesz, to jest rozwiązanie javascript, tylko moje 2 centy.

najlepiej ...

[http://jsfiddle.net/9LSrk/][1] 

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

Wynik