CSS：在內容

Question

編碼字符後，我現在用的是下面的CSS，這似乎是工作：但是

a.up:after{content: " ↓";} 
a.down:after{content: " ↑";}  

的字符可似乎沒有像這樣編碼，作爲輸出是文字，顯示實際字符串：

a.up:after{content: " ↓";} 
a.down:after{content: " ↑";} 

如果我不能對其進行編碼，感覺我應該使用jQuery的東西，例如.append（），爲支持的編碼。有任何想法嗎？

Answer 1

你需要提供兩種文字本身（如你這樣做），或它們的UTF-8轉義序列，而不是HTML實體使用編碼的Unicode字符content：

a.up:after { content: " \2193"; } 
a.down:after { content: " \2191"; } 

Answer 2

你爲什麼要編碼那些人物呢？請記住，您正在編寫CSS，而不是HTML。您的代碼：

a.up:after{content: " ↓";} 
a.down:after{content: " ↑";} 

是完全有效的，只要你使用UTF-8編碼的文件併發送相應的頭：讓有

Content-Type: text/css; charset=utf-8 

編碼字符只在HTML中使用內容和標籤之間沒有歧義。因此，您將<編碼爲<，以便瀏覽器不認爲它是標籤的開頭。諸如↓之類的東西僅僅是那些不知道如何使用utf-8（或者不能，不管出於什麼原因）的商品:)。