Google 的 HTML/CSS 代码风格规范提到使用“-”作为分隔符,好处是什么?

2012-05-03 18:33:47 +08:00
 Sivan
http://google-styleguide.googlecode.com/svn/trunk/htmlcssguide.xml?showone=ID_and_class_name_delimiters#ID_and_class_name_delimiters

使用“-”跟使用“_”比,好处都有什么?我以前经常用下划线,因为选取 class 时双击就能取到比较方便。
4908 次点击
所在节点    程序员
26 条回复
sparanoid
2012-05-05 18:14:12 +08:00
好处是:

- 下划线老浏览器不支持,不过是非常老的那种,现在不需要在意
- 想要选中方便,可以用 myBox
- 还有很多不需要方便双击选中的反例,例如,jQuery UI 的 ui- 前缀
- 美观,CSS 本身使用的就是连字符,例如,font-family 而不是 font_family

当然,这是一个非常古老的问题,很久之前看过下面这篇文章,所以我一直在用连字符:

http://devedge-temp.mozilla.org/viewsource/2001/css-underscores/
wzbang
2012-05-05 18:15:42 +08:00
哦,一直用"_",看来以后要改改。但貌似习惯了。
MarshallChen
2012-05-05 22:39:53 +08:00
下划线‘_’真的没有这个‘-’好看 我觉得 = =
benzhe
2012-05-14 17:46:19 +08:00
ID 用减号 ,Class 用下划线,好处貌似只体现在写 javascript 时方便判断...
westoy
2012-05-14 17:53:19 +08:00
我喜欢用下划线,就因为双击可以选中
chuck911
2012-05-14 18:04:53 +08:00
双击全部选中是在css里面是劣势好吗
css里面经常有分层的定义,比如
.form-search input,.form-inline input,.form-horizontal input,
这时候全选方便还是分开方便?

对于css本身的规范来说,更是这样了,border-radius,border-color 双击被全选的话就麻烦死了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/34517

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX