好的前端必定有好的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{
}