只有ascii字符对CSS样式名称有效。

Question

我查找了CSS样式名称中有效的字符，并发现了一些问题/帖子，例如：

Which characters are valid in CSS class names/selectors?

Can I safely use unicode characters (e.g. accents) in CSS class names or ids?

https://css-tricks.com/unicode-class-names/

所有这些都表明可以在css样式名称中使用重音字符和其他unicode字符。然而，我发现初学者在Safari和其他浏览器中是不同的。例如，对于css样式名称中的字符，Safari不应用样式，但chrome、firfox、edge应用样式。

然后我用CSS-Validator检查了这些样式名称，它确实给出了错误。

所以我们不能正常使用这些字符，而不使用unicode转义吗？css样式名称中是否只有ascii字符有效？

Answer 1

快速回答

您应该始终使用UTF8作为样式表和页面的字符编码，并在您的HTML中声明该编码。如果这样做，就不需要声明样式表的编码。

只有当您的样式表包含非ASCII字符时，才需要其他方法，并且由于某些原因，您不能依赖HTML的编码和关联的样式表是相同的。在这种情况下，您应该使用@charset或HTTP头来声明编码。(如果HTML和CSS文件使用相同的编码，则最新版本的主要浏览器会将HTML文件的编码应用于CSS样式表。)

参考：https://www.w3.org/International/questions/qa-css-charset

Answer 2

我可以肯定地说，是的。即使在html创建程序中，如果您为对象指定的名称包含非ascii字符，如果您将其部署到某个位置，HTML也不会正常工作。

我是土耳其人，我们有一些非ASCII字符。出于这个原因，我们看到很多人都在犯这样的错误。使用这些字符永远不是好的/没问题。