CSS 命名基础介绍 DAY40

今天要来介绍 CSS 命名
首先先来介绍
驼峰式命名:
https://zh.wikipedia.org/wiki/%E9%A7%9D%E5%B3%B0%E5%BC%8F%E5%A4%A7%E5%B0%8F%E5%AF%AB

建议这里采用小驼峰的写法(ex: bookList )

抛弃语意命名
抛弃语意命名方式，改以工具性质来命名
ex:

//书籍列表
.bookList{
    width: 50px;
    height: 50px;
}

尽量不要使用语意化命名

.list{
    width: 50px;
    height: 50px;
}

当然颜色也是

.list-red{
    color: red;
}

可以改成

//主色
.list-primary{
    color: red;
}

那今天的命名方式就介绍到这里
明天将介绍 BEM
若有任何问题 或 内容有误
请不吝啬的跟我说唷~~