CSS是否支持含百分号的类名？含%类名的正确用法

允许用吗？ #

当然允许。HTML的class属性值只要不是空格或控制字符，基本都能用，%也在允许范围内；CSS规范也支持类名带%，只是直接写会出问题，得做转义处理。

正确用法是什么？ #

因为%在CSS里属于特殊字符（比如写属性值时用来表示百分比），直接写.width-80%会被解析错误，得转义后才能用，有两种靠谱的写法：

• 反斜杠直接转义：
  在选择器里的%前面加个反斜杠，示例代码：

  .width-80\% {
    max-width: 80%;
  }
  

• Unicode转义序列：
  %的Unicode编码是U+0025，可以写成\25（或者完整的\0025），示例代码：

  .width-80\25 {
    max-width: 80%;
  }
  

另外提一句：你的HTML代码里的class="hero-section width-80%"写法没问题，不用改，只需要调整CSS选择器就行。

内容的提问来源于stack exchange，提问作者Asma Binta Younus