Làm cách nào để bao gồm ký tự "nội dung" được mã hóa HTML trong CSS?

Question

thể trùng lặp:
Adding HTML entities using CSS content

tôi có các thiết lập sau

CSS:

.header:before { 
    content: "«"; 
} 

.header:after { 
    content: "»"; 
} 

HTML:

<h3 class="header">Hello, this is some text which should be wrapped.</h3> 

Tôi chỉ đơn giản thích bất kỳ nội dung nào được viết trong tiêu đề để được gói trong « («) và » (»). Làm thế nào tôi có thể thực hiện công việc này trong CSS? Nó hiện đang xuất hiện dưới dạng:

& laquo; Xin chào, đây là một số văn bản cần được bao bọc. & raquo;

hơn:

« Xin chào, đây là một số văn bản cần được bao bọc. »

Answer 1

Bạn không thể sử dụng các thực thể HTML trong CSS, nhưng bạn có thể sử dụng thoát hex Unicode, như

span.url:before { content: "\27e8" } 
span.url:after { content: "\27e9" } 

(từ một trong stylesheets riêng tôi - nhìn lên codepoints hex cho các ký tự chính xác bạn muốn chính mình). Lưu ý rằng không giống như trong một số ký hiệu khác, các chữ số hex theo sau dấu gạch chéo ngược trực tiếp, không bị can thiệp u.