我看到越來越多的人將他們的類名加上前導字符。例如下面的片段中的「o-」和「a-」:這些CSS類中的第一個字符是指什麼?
<div class="o-main-header">
<div class="o-main-header__logo">
<a class="m-svg-icon o-main-header__logo-svg">...</a>
</div>
</div>
這些字符指的是什麼?這是BEM或其他部分的一部分嗎?
謝謝!
我看到越來越多的人將他們的類名加上前導字符。例如下面的片段中的「o-」和「a-」:這些CSS類中的第一個字符是指什麼?
<div class="o-main-header">
<div class="o-main-header__logo">
<a class="m-svg-icon o-main-header__logo-svg">...</a>
</div>
</div>
這些字符指的是什麼?這是BEM或其他部分的一部分嗎?
謝謝!
我發現這一點: http://csswizardry.com/2015/03/more-transparent-ui-code-with-namespaces/
它們涉及到每個類的範圍。
這就是所謂的BEM方法,你可以找到更多的信息[這裏](https://css-tricks.com/bem-101/) – dippas
我很熟悉BEM,但是我沒有看到任何提及的領先命名空間字符在該頁面或BEM文檔 - 所以我想知道它是否是不同的命名約定的一部分。 – jonnykates
可能是一些模板系統,但對於css本身來說,它沒有意義。你可以稱之爲「fred」或「小貓」類。就CSS而言,這只是一個名稱。 –
哪個網站你看到他們? – atha
@atha少數。例如,他們在Brad Frost的「原子設計」模板上:http://demo.patternlab.io/?p=organisms-header。 – jonnykates