本文介绍的以下几种都是对CSS模块化的各种实现,你可能工作中使用不到,甚至部分有些被淘汰。但是希望你看到这些词的时候不会一脸懵逼!!!
BEM
本人的上篇文章有详细的介绍:2020年你还没用BEM?
这里不再赘述
OOCSS
Object Oriented CSS 面向对象的CSS
OOCSS主要提倡两种规范
- 结构和样式分开(定义一个元素的时候,将本身的结构和对元素外观的样式分开,增强css的复用性)
<div class="header bg"></div>
.header{
width: 500px;
height: 100px;
}
.bg{
background: #f00;
}