css命名为何不推荐使用下划线

导语：最近在做个人项目将代码上传到华为云时，系统检查代码时报错，描述说我的css选择器命名不规范，如图：

那为什么css样式不推荐使用下划线命名呢？
首先我们先从它的规范讲起

W3C规范
W3C CSS2.1的 4.1.3 节中提到：标识符（包括选择器中的元素名，类和ID）只能包含字符[a- zA-Z0-9]和ISO 10646字符编码U+00A1及以上，再加连字号（-）和下划线（_）；它们不能以 数字，或一个连字号后跟数字为开头。它们还可以包含转义字符加任何ISO 10646字符作为一个数 字编码。

按照规范来讲，它是可行的，但是某些(已授权，旧的，NS4型)浏览器中的类名或ID不允许下划线。
小技巧
1.长名称或词组可以使用中横线来为选择器命名。
2.不建议使用“_”下划线来命名CSS选择器。
3.css用中划线，js用驼峰。

CSS命名规则常用单词

头：header 内容：content/container 尾：footer

导航：nav 侧栏：sidebar 栏目：column

页面外围控制整体布局宽度：wrapper 页面主体：main

登录条：loginbar 标志：logo 广告：banner

热点：hot 新闻：news 下载：download

子导航：subnav 菜单：menu 子菜单：submenu

搜索：search 友情链接：friendlink 页脚：footer

版权：copyright 滚动：scroll 内容：content

标签页：tab 文章列表：list 提示信息：msg

小技巧：tips 栏目标题：title 加入：joinus

指南：guild 服务：service 注册：regsiter

状态：status 投票：vote 合作伙伴：partner