HTML/CSS :CamelCase vs Underscores

标签 html css camelcasing bem

<分区>


想要改进这个问题? 更新问题,以便 editing this post 可以用事实和引用来回答它.

关闭 8 年前

我已经阅读了很多关于驼峰式和下划线命名约定优缺点的文章。我一直喜欢驼峰命名法,主要是因为它可以节省字节数。

但是在学习 BEM 时,我真的很困惑。 BEM 命名更具可读性,但 '_'、'__' 和长名称会增加文件大小。我也找不到任何 js 插件。那么对于合格的网页,哪个更好呢?

附言抱歉英语不好。任何意见表示赞赏

最佳答案

对于 css,我不记得我曾见过驼峰式大小写(在专业工作中)。

对我来说,我在处理私有(private)元素时使用 BEM。我倾向于使用双下划线,例如 .banner__image.banner__image--large(如果您阅读 the BEM specs 就会明白)。

在工作中,我们的团队使用 BEM 进行修改,只有一个下划线或连字符(用于修饰符).banner_image.banner_image-large

如果不使用 BEM,您可能应该使用连字符 (-) 编写类。像这样的 .banner-image.banner-image-large。例如,您可以查看 Twitters bootstrap structure with class names ,或事实上的任何其他网站。

关于HTML/CSS :CamelCase vs Underscores,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26449332/

上一篇:html - 将 css 应用于区域 map

下一篇:html - 垂直对齐和 float : left

相关文章:

html - 是否可以在仅使用 html 和 css 播放动画后重定向到另一个网页?

javascript - <div> 双重扩展,html 和 <div> 构建问题

jquery - 使用 QUnit 测试悬停 CSS 属性

Javascript/JQuery 做翻转效果确认

html - 在背景上带有透明边框的圆圈

javascript - 开始 Sencha 触摸

jquery - 为什么有些 jQuery 方法是驼峰命名法,而另一些则不是?

python - 优雅的 Python 函数将 CamelCase 转换为 snake_case?

objective-c - 如何将 NSString 从 CamelCase 转换为 TitleCase, 'playerName' 转换为 'Player Name'?

jquery - javascript 阻止 css 代码