Web前端——Class与ID的使用规范

    Class与ID的使用规范

1   区别  

    ID在一个页面中有且只能有一个，所以使用ID表示的CSS样式只能表示一个元素的样式

    Class在一个页面中可以有多个，也就是说定义一个CSS样式后，可以有多个元素引用这个Class

2   书写方式

  ID的书写样式: #title{font-size:18px; color:#333;}

   Class书写方式: .title{font-size:18px; color:#333;}

3   命名注意

3.1   注意

大的框架命名如：header/footer/wrapper/left/right之类的由设计框架之人统一命名，其他样式名称由小写英文&数字&来组合命名，避免使用中文拼音，尽量使用简易的单词组合，总之命名要语义化、简明化

3.2   避免命名重复

  注意1

   通过从属写法规避<div id="mainnav"><div class="firstnav">...</div></div>,

   样式写法：#mainnav.firstnav{......}

   注意2

   规避class与id重名，不建议使用id选择器

  注意3

   重复使用率高的命名，可加代号加下划线起始，比如title_news;

  注意4

   取父级元素id/class命名部分命名，例如：<div id="mainnav"><div class="main firstnav">...</div></div>

本文转自 拉考的考拉 51CTO博客，原文链接:http://blog.51cto.com/lakaodekaola/1979432