Làm cách nào để thêm ký tự đặc biệt html (mũi tên phải) bằng cách sử dụng thuộc tính nội dung của css?

Question

Tôi đang cố thêm ký tự đặc biệt html bằng mã của nó. Làm việc tốt của nó khi tôi sử dụng nó bên trong div của tôi, nhưng làm thế nào tôi có thể làm điều này bằng cách sử dụng css.

Tôi đã thử như sau.

.right-arrow:after { 
    content:'&#9658' 
} 

DEMO

EDIT

Những gì tôi muốn là không có trong câu trả lời Matt Ball vì tôi muốn mã cho mũi tên bên phải và trong câu hỏi rằng có mã cho chỉ mũi tên xuống. Vì vậy, nó không trùng lặp.

Answer 1

Ký tự đặc biệt hoạt động hơi khác với các phần tử giả. 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 ẩn hex hex. Đây là một công cụ để chuyển đổi giá trị số của ký tự đặc biệt thành giá trị CSS.

http://www.evotech.net/articles/testjsentities.html

ví dụ &#9658 cần phải được \25BA

dụ làm việc:

http://jsfiddle.net/L6suy/

.right-arrow:after { 
    content:'\25BA' 
} 

Answer 2

<div class="right-arrow">Arrow</div> 
.right-arrow:before { 
    content:'\25BA'; 
} 

See Demo Here