SMACSS中基础的前缀是什么？

Question

通过相应的命名前缀来完成对类别的表示，l-用作布局的前缀，例如.l-inline、.layout-grid等；m-模块命名前缀，例如.m-profile、.field等；is-用作状态的前缀，例如.is-collapsed、.is-active等；theme-用作主题的前缀，例如.theme-a-background、.theme-l-grid等

这里好像少了一个基础（Base）的前缀

Answer 1

西门老舅 2022-01-26 11:26:22

你好，基础分类就是，默认样式中的内容，可参考课程中出现的，reset.css 文件。这里有一些关于伪类的基础样式。

例如：

::-webkit-input-placeholder {

    color  : inherit;

    opacity: .54

}

::-webkit-file-upload-button {

    -webkit-appearance: button;

    font              : inherit

}

关于SMACSS的五种类别划分，官网页提供了相关说明，可查看：http://smacss.com/book/type-base

所以基础分类一般不添加前缀形式。

• 提问者 人生的起源 #1

  关于 BEM 命名规范还有个疑问，比如：
  .setting-menu__head{} 表示配置菜单的头部
  
  那假设配置菜单头部里，还有一个元素，叫ele，我可以命名成：
  .setting-menu__head__ele
  这样吗？可以连续两个或多个双下划线吗？

• 西门老舅 回复 提问者 人生的起源 #2

  推荐这样命名：.setting-menu-head__ele  意思就是  setting-menu-head这个块下的ele元素

• 提问者 人生的起源 回复 西门老舅 #3

  但是 head 是 setting-menu 块下的一个元素，并不是一个单独的块

点开查看后面3条评论