2011-11-26 33 views
5

Tôi đang cố gắng thêm dấu cộng (¶) trước phần tử. Mã này chỉ hoạt động trong Safari. Phi công xuất hiện.CSS: trước ký hiệu Pilcrow

.ydss-comment:before 
{ 
content:"\B6\"; 
color:red; 
font-size:1.5em; 
} 

Nếu tôi thay thế \ B6 \ với một lá thư hay bất kỳ văn bản hoặc số

content:"My Text"; 

Các văn bản xuất hiện một cách chính xác trong FireFox, cả Mac và PC, nhưng không may mắn chút nào với IE.

Cảm ơn bạn đã được trợ giúp.

+6

1 cho dạy tôi những gì tên của biểu tượng đó là. – nickf

+0

Theo [MSDN] (http://msdn.microsoft.com/en-us/library/cc351024%28VS.85%29.aspx#pseudoelements) ': before' chỉ được hỗ trợ trong IE 8. – Richard

+0

nick có một bài viết thực sự thú vị về pilcrow và các dấu câu khác ở đây: http://www.shadycharacters.co.uk/2011/02/the-pilcrow-part-1/ – glebski

Trả lời

4

Thay đổi nội dung thế này:

content: '\00b6' 

Có vẻ như bạn phải xác định đầy đủ 4 chữ số.

Ngoài ra, về lý do tại sao nó không hoạt động trong IE:

(Đây là trong Richard 's câu trả lời mà sau đó đã bị xóa)

Bộ chọn :before được chỉ được hỗ trợ thời gian gần đây. According to MSDN:before chỉ được hỗ trợ trong IE 8.

+0

Cảm ơn bạn. Tôi đã đặt nó trên trang web. Hoạt động ở mọi nơi, nhưng vẫn không may mắn trong IE7. – glebski

+0

IE7 không hỗ trợ: sau &: nhưng bạn có thể sử dụng http://css-tricks.com/snippets/css/clear-fix/ – sandeep

+1

@sandeep Liên kết của bạn trợ giúp bằng bất kỳ cách nào? – Bojangles

0

Trong :after & :before chúng tôi sử dụng hệ thập lục phân cho special characters.

Như thế này:

.ydss-comment:before 
{ 
content:"\00b6"; 
} 

Dưới đây là bảng ký tự đặc biệt và hệ thập lục phân tương ứng của họ đánh giá cao http://css-tricks.com/snippets/html/glyphs/