码迷,mamicode.com
首页 > Web开发 > 详细

我认为最节省时间的CSS命名规范

时间:2018-05-06 22:18:58      阅读:215      评论:0      收藏:0      [点我收藏+]

标签:str   有关   lock   划线   下划线   case   命名   js代码   element   

CSS命名规范一

  js中对变量的命名最好使用camel case驼峰式命名法,但CSS中更适用于red-box命名规范。

CSS命名规范二 BEM命名规范

  B=>block E=>element M=>modifier

  1.组件的子组件 用两条下划线命名 stick-man__head

  2.对组件的修饰 用两条短线命名 stick-man--red

  3.与js代码有关的 用js-开头命名 js-stick-man

  4.使用属性 用属性名命名 [rel=‘js-stick-man‘]

我认为最节省时间的CSS命名规范

标签:str   有关   lock   划线   下划线   case   命名   js代码   element   

原文地址:https://www.cnblogs.com/surui/p/8999782.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!