好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

关于BEM中常见的十个问题以及如何避免_html/css_WEB-ITnose

不管你是刚刚才接触BEM还是已经是一名老手,对于它的思想你是不是都十分的赞美?如果你还没有接触过BEM,在阅读这篇文章之前我建议你先到 BEM官方网站 进行了解,因为我将对其进行分类表述我对这种CSS理念的观点。

本文旨在对那些BEM的爱好者以及想要更好地使用它或者是想要加深对它了解的人有所帮助。

现在我是不抱有任何幻想,关于说BEM是一个很好的CSS命名规范。因为它绝对不是!我曾经很长一段时间因为它丑陋的语法规范而放弃了它。作为设计者的我不希望我的标记中出现丑陋的双下划线以及连字符。

但是作为构建一个逻辑性的、模块化的用户界面,它是比较务实的,这胜过了我的右大脑的抱怨 - “但是它不够漂亮!!!”。我当然不推荐在起居室这种小范围内使用这种方式,但是当你需要一件救生衣(当你遨游在CSS大海之中时),我将会选择这种函数形式。不管怎么说,足够使用。这里有10个关于BEM的问题以及我处理这些问题的小技巧。

关于后代(不包含子选择器)选择器如何使用?

这里需要澄清一下,当你的元素嵌套两级以及大于两级的时候就需要使用子孙选择器。这简直就是我生命中的克星,我敢肯定他们的滥用就是有人对BEM产生反感的原因之一,如下所示:

Title text here

查看更多关于关于BEM中常见的十个问题以及如何避免_html/css_WEB-ITnose的详细内容...

  阅读:42次