【问题标题】:CSS BEM, which chars for the modifier..?CSS BEM,修饰符的哪些字符..?
【发布时间】:2017-10-04 00:47:53
【问题描述】:

我不确定哪个是官方网站,我找到了getbem.comen.bem.info

有人建议使用-- 作为修饰符(Naming):

CSS 类由块或元素的名称加上两个破折号组成。

另一个_为修饰符(Modifier name):

修饰符名称由单个下划线 (_) 分隔。

我知道我可以使用任何一种,而且保持一致真的很重要,但我喜欢尽可能尝试使用官方规范。

  • 官网是哪个..?
  • 我真的应该使用--_ 作为修饰符吗?

【问题讨论】:

  • 我不确定是否有 BEM 的官方规范/网站...无论哪种方式,您已经明白一致性很重要,所以保持一致即可 :)跨度>

标签: css bem


【解决方案1】:

官网是哪个?

BEM 最初是由Yandex 制定的一套非正式指南,后来他们将其正式化为en.bem.info,因此在这方面en.bem.info 是BEM 的“规范”版本。

话虽如此,BEM 有很多风格,我自己使用的变体很大程度上受Harry RobertsNicolas Gallagher 的影响。

这就引出了你的下一个问题:

我真的应该使用--_ 作为修饰符吗?

对此我的回答是:你应该在使用上保持一致,但你可以使用你想要的任何字符来作为你正在使用的 BEM 的变体。请确保您团队中的每个人都了解您正在标准化的变体

这类似于使用制表符 vs 两个空格 vs 四个空格 (vs hotdogs)。除了成为人们倾向于非理性地强烈个人偏好的东西之外,它实际上并没有什么不同。

为了帮助规范化人们,我使用块、元素和修饰符的示例语法来显示变体规范化的内容:

我以前主要使用:

the-block__the-element--the-modifier

但我现在更喜欢:

TheBlock_theElement-theModifier

为了简洁。

【讨论】:

猜你喜欢
  • 2017-03-07
  • 1970-01-01
  • 2015-10-09
  • 2012-12-14
  • 1970-01-01
  • 2019-07-11
  • 2015-12-19
  • 2016-01-07
  • 2015-11-10
相关资源
最近更新 更多