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
若有任何问题 或 内容有误
请不吝啬的跟我说唷~~