BEM是一種css開發的思想

BEM 是什麼意思

BEM 其實是block，element，modifier的縮寫，它們代表css中的塊，元素和修飾符(例如：元素的狀態)

BEM怎麼使用

BEM 遵循下面的簡單的規則，使用__雙劃線和--雙劃線做分割線，使用單個的 - 中劃線作為你自己的樣式分隔符。

BEM例項

.input-search{width:100px;height:20px;}
.input-search__icon{font-size:16px;}
.input-search__icon--selected{color: yellow;}
.input-search__value
 
{color:red;font-size: 20xp;}

<div class="input-search">
    <i class="input-search__icon"></i>
    <i class="input-search__icon--selected">
    <input class="input-search__value">
</div>