码迷,mamicode.com
首页 > 其他好文 > 详细

关于 class 的命名

时间:2017-08-30 16:33:24      阅读:126      评论:0      收藏:0      [点我收藏+]

标签:tag   wrap   前缀   friend   网站   class关键字   title   搜索   标签页   

class名称中只出现小写字符破折号

使用有组织或目的明确的名称,不使用表现形式

基于最近的的父class 作为新class的前缀

使用 .js-* 来标识行为,并且不要将这些class包含到css文件

 常用class关键字

布局类 header,content,footer,container,main, aside
包裹类 wrap,inner
区块类 region,block,box
导航 nav subnav
菜单 menu submenu
侧栏 sidebar sidebar-l sidebar-r
标签 tag
提示信息 msg message
小技巧 tips
投票 vote
友情链接 friendlink
标题 title
摘要 summary
登录条 loginbar
搜索输入框 search-input
热点 hot
搜索 search
标签页 tab
s网站信息 siteinfo

 

关于 class 的命名

标签:tag   wrap   前缀   friend   网站   class关键字   title   搜索   标签页   

原文地址:http://www.cnblogs.com/yigexiaojiangshi/p/7453481.html

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