高效率,超精简的css命名

前端做了七八年,基本能掌握的都掌握了,但是css命名这种说不清道不明的东西,一直还未研究透,怎么算是好的命名? 那必须 “三无原则”就是:无ID,无层级,无标签。看看切版网的项目命名轨迹:

最早的时候

.about{

}

.about .view{

}

.about .view .left{

….

}

在往后追溯一年

.about{

}

.about_view{

}

.about_view_left{

}

当下

.about{

}

.ab_vw{

}

.ab_vw_lt{

}

目前这个种方式是我们认为最好的方式,也很符合“三无原则”,我们把命名规范写了一个文档共享,如果你感兴趣可以看看。

http://qieban.cn/demo/

切版- 切图网(qietu.com)旗下psd转html,前端外包的“切图客”团体。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

客服咨询
客服1
客服2
微信公众号