我看到越来越多的人将他们的类名加上前导字符。例如下面的片段中的“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