我可以在CSS類名或ID中安全地使用unicode字符（例如重音符號）嗎？

Question

我剛遇到一種情況，產品名稱會自動作為類名引入我的HTML，其中一個產品名稱帶有重音字母。 它看起來像這樣：

<div class="español">Hola</div>

如果我在該類中添加CSS聲明，如下所示：

.español {background:yellow;}

它會引起任何問題嗎？ 它似乎工作到目前為止，但我不確定它是否完全跨瀏覽器兼容。

另外，如果那是一個id而不是一個類，它會有什么不同嗎？ 到目前為止，這似乎也有效，但我不確定它是否會在任何地方持續存在。

Answer 1

從CSS規范 ：

“在CSS中，標識符（包括選擇器中的元素名稱，類和ID）只能包含字符[a-zA-Z0-9]和ISO 10646字符U + 00A0及更高，加上連字符（ - ）和下划線（_）”

ISO 10646標准和Unicode標准已經同步了它們的字符集（ ref ），因此在這方面它們是相同的。

ñ字符的字符代碼為U + 00F1 ，因此可以安全地在標識符中使用。

Answer 2

顯然是的。 事實上，HTML 4.01已允許您在class屬性中使用Unicode字符。 現在HTML 5也允許它們在id屬性上。 很酷的是，它已經通過IE 6測試並且也可以工作，因此它向后兼容。

現在您應該問自己，我真的需要它們嗎？ 在我看來，只是在尋找麻煩，因為雖然W3接受了它們，但一些非主流瀏覽器可能不支持它們（想想視障人士或其他人的瀏覽器）。

閱讀本文以獲取有關該主題的更多信息： http ： //mathiasbynens.be/notes/html5-id-class 。