常见的bootstrap,swiper,slide,fullpage等为什么使用“-”连字符的方式命名而不是使用驼峰？
毕竟驼峰双击一下就能选中，连字符还要选一下。
你说的是css的class名称和id名称吧...
这个一般的规则是和原语言保持一致...
css一直就是用-连接的, 比如 border-color, margin-top之类的
html的属性, 也是用-, 因为html属性不区分大小写, 用驼峰会带来很多不便, 比如 <meta http-equiv, <div data-id
js一直就是用驼峰的, 比如 getAttribute, offsetHeight之类的...
js用下划线的地方也有, 比如自己定义常量的连接 const GLOBAL_LOADDING = ''
不过现在js中变量用下划线的也不少...
因为类名的惯例就是使用-连字符，你可以看看sass的语法，默认的就是用-的。
为了尽量和HTML保持一致？HTML是不区分大小写的。
前端需要考虑元素的层级关系，连字符前面使用相同的前缀，便于识别。用驼峰就不太方便了
下划线更清晰，我最开始也是驼峰的，后来公司要求下划线，现在再看看驼峰，感觉好XX，特别是不能马上知道标识符的含义
而下划线的，就像是英文单词一样，容易识别理解（把下划线当成空格看，驼峰的是连一起，混）
另外，下划线也可以双击选中啊
css统一用小写，我认为这个惯例是由于在css的发展过程中，某些浏览器会有区分大小写的情况出现。当然这种情况现在已经没有了。
前端的代码很少见使用驼峰命名法，最常见到的就是连字符，html和css代码皆如此，js使用连字符大概是为了前端代码风格的统一吧
以清晰,一眼辨别为首要目标
选哪种风格反而不重要.
可以看下大公司的页面源码，class名都是用“-”隔开的。CSS 参考手册
taobao.com
mi.com
用下划线也能双击选中
语意更清晰，一目了然