<分区>
标签 html css camelcasing bem
我已经阅读了很多关于驼峰式和下划线命名约定优缺点的文章。我一直喜欢驼峰命名法,主要是因为它可以节省字节数。
但是在学习 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/