阿里P7大牛整理，CSS书写规范、次序和定名规则，2024最新前端框架体系架构

color-abb
5连字符CSS选择器定名规范
1）.长名称或词组可以使用中横线来为选择器定名。
2）.不发起使用“_”下划线来定名CSS选择器，为什么呢？
输入的时间少按一个shift键； 浏览器兼容问题 （比如使用_tips的选择器定名，在IE6是无效的） 能良好区分JavaScript变量定名（JS变量定名是用“_”）
underline
6.不要随意使用id
id在JS是唯一的，不能多次使用，而使用class类选择器却可以重复使用，另外id的优先级优先与class，所以id应该按需使用，而不能滥用。
css-id
7.为选择器添加状态前缀
有时间可以给选择器添加一个表现状态的前缀，让语义更明了，比如下图是添加了“.is-”前缀。
status-select
三、CSS定名规范（规则）
常用的CSS定名规则
头：header
内容：content/container
尾：footer
导航：nav
侧栏：sidebar
栏目：column
页面外围控制整体佈局宽度：wrapper
左右中：left right center
登录条：loginbar
标志：logo
广告：banner
页面主体：main
热点：hot
消息：news
下载：dow

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。