html - css中怎么命名颜色比较好？

问题描述

问 题

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

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

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

解决方案

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

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

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

这篇关于html - css中怎么命名颜色比较好？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！