SMACSS中基础的前缀是什么?

来源:8-3 8-3 CSS方法论及样式规范

人生的起源

2022-01-25

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

这里好像少了一个基础(Base)的前缀

写回答

1回答

西门老舅

2022-01-26

你好,基础分类就是,默认样式中的内容,可参考课程中出现的,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

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

0
6
人生的起源
回复
西门老舅
看懂了,好详细啊,非常感谢!
2022-01-27
共6条回复

前端内功修炼 5大主流布局系统进阶

前端内功修炼:5大主流布局系统进阶

758 学习 · 231 问题

查看课程