关于 class 的命名

Posted 2020-10-04 前端小记

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