我的CSS命名技巧分享

好的前端必定有好的css命名，怎么算好的命名？ 这是一个永恒的课题，最近看了张鑫旭博客如醍醐灌顶。

精简高效CSS命名之“三无原则”

无ID，无层级，无标签

好的命名不仅要描述 它的功能，要直观，要简洁，对于英语不过4级的我，那简直了

所以早期，我尝试过这样命名，通篇的拼音命名法

/*关于页面*/

.guanyu{

}

.guanyu_left{

}

.guanyu_wrap{

}

再后来，客户语重心长的对我说“你啊，前端做的都很好，命名下次能不能不要用拼音了，太low” ，后来想想确实low

当下的命名是这样，符合3无原则，是我认为最好的一种了

首先你需要知道一些东西

view ----- vw

left ------- lt

right ------ rt

list --- lst

nav ---- nv

head ---- hd

body --- bd

然后你应该能看懂了

.about{

}

.ab_vw{

}

.ab_vw_lt{

}

.ab_vw_rt{

}

文/切版

转载请注明来源

http://www.qieban.cn/css-mingming