css选择器常用命名推荐

快乐打工仔 分类:实例代码

为了代码的可阅读性和可维护性,通常对于选择器的命名要具有语义化效果。

也就是看到选择器的名称,也就能大体知道此选择器所扮演的角色。

下面就是几个推荐的命名,感兴趣的可以做一下参考。

一.与页面结构相关:

header  footer  content  main  nav  subnav  navItem  contBody  w  menu submenu  container  bot  wrapper bread-crumb  column 

topNav   panel  sidebar  index  sep。

二.与模块内容相关的:

summary  shop  detail info  service guide copyright friendlink  search regist login  title   comment summary  tips 

item vote hot news list partner joinus  aboutus  banner  msg  brand。

三.与功能相关的:

download  op  link  reject agree  fun add  del  remove hover   clearF   pay  file。

四.与页面元素相关的:

msg btn btnBlock  dataLabel  dataType dataValue  txt  defaultImg  icon logo  dataInput  dropdown。

五.与组件大小相关:

lg sm md xs xl。

六.与组件状态有关:

primary  danger succ status current disabled failure。

网站出售中,有意者加微信:javadudu

回复

我来回复
  • 暂无回复内容