在CSS ids或类中使用camelCase是否可以?

时间:2012-07-10 10:39:45

标签: css camelcasing

问题在标题中。我习惯在开发中使用camelcase,因为有设计的交叉,想知道是否有任何技术原因(不论意见)反对在HTML中使用它。提前感谢您的回复。

6 个答案:

答案 0 :(得分:25)

如果在CSS中使用camelCase标识符,则存在一个技术限制 - |=选择器说明符:

<form class="registration"></form>
<form class="search-movies"></form>
<form class="search-actress"></form>

要仅匹配搜索表单,您可以写:

[class|="search"] { font-size: 150% }

使用camelCase类名不能这样做。

答案 1 :(得分:20)

从技术上讲,不,没有技术问题。做你喜欢的事。

尽量尝试遵循一个好的风格指南,like this one

答案 2 :(得分:4)

好问题。我个人在class / id名称中使用camelCase。没有技术原因你不能。

然而,在对意见进行快速阅读之后,由于更好的可读性,其他开发人员/设计人员似乎使用连字符而不是camelCase。

使用您熟悉的编码方式。我使用camelCase很好,我在团队环境中工作,从未遇到过其他开发人员的可读性问题。

有关我一直在阅读的观点,请点击此处: http://css-tricks.com/new-poll-hyphens-or-dashes/

答案 3 :(得分:4)

我今天之前一直在使用camelCasing,让我讲述这个故事:我用camelCasing中写的id名称创建了一个bootstrap模式。我无法使用bootstrap自己的JQuery函数来操作它。经过几天的搜索,我的同事终于发现了camelCasing导致了它。 JavaScript区分大小写可能很棘手且难以预测。所以我建议你使用连字符。

答案 4 :(得分:3)

没关系,但请注意,有一些通用的技术案例敏感issues需要注意。从技术角度来看,如果你的css和html一致,你应该没事。

答案 5 :(得分:0)

Twitter甚至使用Pascal Case。

Twitter PascalCase CSS class names