BEM

BEM 方式

BEM的意思就是块(block)、元素(element)、修饰符(modifier),是由Yandex团队提出的一种前端命名方法论。这种巧妙的命名方法让你的CSS类对其他开发者来说更加透明而且更有意义。

<form class="search-form">
    <input type="text" class="search-form__username">
    <input type="password" class="search-form__password">
    <button id="J_Submit" class="search-form__submit--active"></button>
 <form>

Zend-Coding 语法 :  https://docs.emmet.io/filters/bem/

form.search-form>input.-username+input.-password[type=password]+button.-submit--active|bem

BEM思想之彻底弄清BEM语法

如何看待bem
bem10个常见问题及解决方案

posted @ 2017-05-06 16:49  Jesonhu  阅读(298)  评论(0)    收藏  举报
Top