首页 > 开发 > CSS > 正文

css中怎么命名颜色比较好?

2017-09-12 09:36:30  来源: 网友分享

比如#ff0000,我该是用具体的颜色名来命名呢,还是用语义来命名呢?
1.用颜色名命名: .c-red{color:#ff0000;}
优点:是什么颜色一眼就能看出来,并且html中可以到处复用
缺点:如果我要修改#ff0000为#faf703(黄色),那么c-red和颜色值就对不上了 ,而且如果我有多个红色的时候不好区分。

2.用语义命名: .error{color:#ff0000;}
优点:改色值的时候不会影响语义
缺点:不能到处复用,可能会需要定义多个相同色值的语义类

我觉得这两种方式都有一定的局限性,不知道大家在工作中会怎样定义颜色的类名呢?

解决方案

有一个网站,专门做颜色命名的,大家都遵循这个规范的话,应该会好很多

http://chir.ag/projects/name-...

另外,我觉得应该是两种结合的,颜色可以作为变量来命名