美文网首页
使用BEM命名规范来组织CSS代码

使用BEM命名规范来组织CSS代码

作者: 坤嬷嬷 | 来源:发表于2018-09-13 11:52 被阅读16次

    如何使用BEM

    一个独立的(语义上或视觉上),可以复用而不依赖其它组件的部分,可作为一个块(Block)

    属于块的某部分,可作为一个元素(Element)

    用于修饰块或元素,体现出外形行为状态等特征的,可作为一个修饰器(Modifier)


    在本规范中,以双下划线 __ 来作为块和元素的间隔,以单下划线 _ 来作为块和修饰器 或 元素和修饰器的间隔,以中划线 - 来作为块|元素|修饰器 名称中多个单词的间隔

    保证各个部分只有一级 B__E_M,修饰器需要和对应的块或元素一起使用,避免单独使用

    BEM 规范虽然结构比较清晰,但有时候会产生代码冗余。

    相关文章

      网友评论

          本文标题:使用BEM命名规范来组织CSS代码

          本文链接:https://www.haomeiwen.com/subject/thlwgftx.html