Kiểu ký tự nhất định với CSS

Question

Tôi giả định rằng không thể, nhưng chỉ trong trường hợp nó là hoặc ai đó có một mẹo tốt đẹp lên tay áo của họ, là có một cách để nhắm mục tiêu các ký tự nhất định bằng cách sử dụng CSS?

Ví dụ thực hiện tất cả các chữ z tại các khoản đỏ, hoặc trong trường hợp đặc biệt của tôi thiết lập vertical-align:sup trên tất cả các 7 trong yếu tố đánh dấu bằng lớp chord.

Answer 1

Điều đó là không thể trong CSS. Lựa chọn duy nhất của bạn sẽ là first-letter và điều đó sẽ không cắt nó. Sử dụng JavaScript hoặc (như bạn đã nêu trong nhận xét), ngôn ngữ phía máy chủ của bạn.

Answer 2

Xin chào Tôi biết bạn đã nói bằng CSS nhưng như mọi người đã nói với bạn, bạn không thể, đây là giải pháp javascript, chỉ 2 xu của tôi.

tốt nhất ...

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

quả