【发布时间】:2012-07-10 10:39:44
【问题描述】:
问题在标题中。我习惯于在开发中使用驼峰式,并且由于设计中有交叉,我想知道是否有任何技术原因(不管意见如何)反对在 HTML 中使用它。提前感谢您的回复。
【问题讨论】:
-
没有技术原因,没有。使用项目中的任何标准(如果当前不存在,则制定标准)。
标签: css camelcasing
问题在标题中。我习惯于在开发中使用驼峰式,并且由于设计中有交叉,我想知道是否有任何技术原因(不管意见如何)反对在 HTML 中使用它。提前感谢您的回复。
【问题讨论】:
标签: css camelcasing
如果您在 CSS 中使用 camelCase 标识符,则存在一个技术限制 - |= 选择器说明符:
<form class="registration"></form>
<form class="search-movies"></form>
<form class="search-actress"></form>
要只匹配搜索表单,你可以这样写:
[class|="search"] { font-size: 150% }
你不能用 camelCase 类名来做到这一点。
【讨论】:
[class^="search-"] 达到完全相同的效果,但我支持连字符,一致性规则。
[class|="search"] 将匹配“search”和“search-whatever”,但您的解决方案不匹配。
|=(管道等于)at MDN here。
从技术上讲,不,不存在技术问题。做你喜欢的事。
请尽量遵循良好的风格指南,like this one。
【讨论】:
我在今天之前一直在使用 camelCasing,让我讲个故事:我通过用 camelCasing 编写的 id 名称创建了一个引导模式。我无法使用引导程序自己的 JQuery 函数来操作它。经过几天的搜索,我的同事终于发现是camelCasing造成的。 JavaScript 区分大小写可能很棘手且不可预测。所以我建议你使用连字符。
【讨论】:
好问题。我个人在类/ID 名称中使用 camelCase。没有技术原因您不能这样做。
但是,在快速阅读了一些意见之后,似乎很多其他开发人员/设计人员使用连字符而不是驼峰式,因为它具有更好的可读性。
使用您喜欢的编码。我使用 camelCase 很好,我在团队环境中工作,并且从未遇到过其他开发人员的可读性问题。
可以在此处找到我一直在阅读的关于此的意见: http://css-tricks.com/new-poll-hyphens-or-dashes/
【讨论】:
没关系,但请注意有一些一般技术区分大小写的issues 需要注意。从技术角度来看,如果你的 css 和 html 保持一致,你应该没问题。
【讨论】: