首页 > 代码库 > HTML之课堂小记2

HTML之课堂小记2

BEM命名法:

这里的B,指的是block,也就是“search-form”

这里的E,指的是element,也就是跟随在search-form后的“username”,“password”和“submit”,并且用两个下划线(_)表示承接关系

这里的M,指的是modifier,也就是submit后面的“active”,用两个连接符表示承接关系(--)

例如:

<form class="searh-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>

HTML之课堂小记2