我可以在CSS类名或ID中安全地使用unicode字符(例如重音符号)吗？

Question

我刚遇到一种情况,产品名称会自动作为类名引入我的HTML,其中一个产品名称带有重音字母.它看起来像这样:

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

If I add a CSS declaration with that class, like this:

.español {background:yellow;}

Will it cause any problems? It seems to work so far, but I'm not sure if it's completely cross-browser compatible.

Also, would it be any different if that were an id instead of a class? That seems to work so far, too, but again I am not sure if it'll hold up everywhere.

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.