CSS 类或 ID 命名时单词间连接通常有这几种写法：
- 驼峰式： solutionTitle、solutionDetail
- 用横杠连接： solution-title、solution-detail
- 下划线连接： solution_title、solution_detail
应该采用哪种写法呢？选择的时候是出于个人习惯还是有别的考虑？
看了下豆瓣，美团，淘宝的源码，都是采用 solution_title 的写法。
我的回答
首先定个性，这是个纯粹的“代码风格”问题。
什么是“代码风格”问题？有一些特征：
- 技术规范不会硬性规定。虽然规范有时可能会提供指导性的建议，或者有时会有行业大牛出来鼓吹最佳实践。
- 个性化十分明显。也就是萝卜青菜各有所爱、公说公有理婆说婆有理，永无定论。
扯完之后说一下我自己的习惯：
以前用下划线
主要原因是在编辑器中双击可以选中；另外自己觉得下划线好看（纯个人喜好）。除此以外可能还有一点“小白式谨慎”（避免与 CSS 属性名/值弄混、避免与减号弄混），或者我的启蒙教材就是使用下划线的。
现在主要使用连字符
后来逐渐接手或参与了一些别人的项目，接触过各种代码风格。在老外的一些项目中接触到大量的使用连字符的命名，看多了感觉也不难看。在编辑器中也可以通过“双击并拖动”来选中，所以就逐渐过渡到了连字符。
在特殊场合用驼峰式
Vim
也有一位 潘魏增同学 提供了 Vim 的配置方法：
如果使用 vim，可以设置 set iskeyword =-，这样就可以匹配选中以 - 连接的关键词，search 和 mark 的时候会比较方便。
（抱歉，这里只是纯转发，暂时无法验证。）
UltraEdit
我在 Windows 下一般用 UltraEdit 干活，它有一种操作叫作 Ctrl 双击。而且我们可以设置此操作的分界符，很灵活。
鼠标选择
如果你的编辑器不支持上述配置或操作，要想一次性选中以 - 连接的多个单词，其实也是有解决方案的： 双击的最后一击先不要松开，再左右拖动就可以以单词为单位扩张选区。（这种选择方式几乎适用于所有编辑器，而且 Windows 和 Mac 通吃。）
实际上我并不建议像前面几种方法那样在编辑器中取消 - 的分界符身份，而是建议使用这种“双击 拖动”的方法来选择任意数量的单词。因为，某些时候你只想选中 one-two-three 中的 one-two 或 two-three 或单个单词，那么这种方法显然更自由更精确——想选少选少，想选多选多。
--- Bonus Track ---
如果你在使用 WebStorm（或它的兄弟 IDE），就不要用鼠标点来点去了，不优雅。
你可以把光标移到某个单词上，用 Ctrl W（在 Mac 下是 Cmd W）快捷键就可以选中当前单词；更神奇的是，这个快捷可以连续使用，可以不断把选区扩张到更大的语法单元：单词 → 一串单词 → 整个字符串（或语句） → 对象（或函数作用域） → …… → 整个文件。
（唯一不便的是，这个快捷键在其它程序中是关闭当前窗口的操作，容易混淆，建议在 IDE 中给这个操作分配其它的快捷键。）
希望本文能帮助到您！点赞 转发，让更多的人也能看到这篇内容（收藏不点赞，都是耍流氓-_-）
关注 ｛我｝，享受文章首发体验！
每周重点攻克一个前端技术难点。更多精彩前端内容私信 我 回复“教程”
原文链接：https://github.com/cssmagic/blog/issues/42
,
