BEM命名方式

xiaoxiao2021-02-28  100

<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>

这里的B,指的是Block,也就是"search-form"

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

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

http://www.tuicool.com/articles/vyAvimI

转载请注明原文地址: https://www.6miu.com/read-69469.html

最新回复(0)