浅析ID与CLASS的区别

 转载： http://www.yangqiqi.com/on-the-difference-between-id-and-class/

关于css的ID和class这两种选择符，就页面效果而言，两个的视觉效果几乎无差别，但W3C对于ID与CLASS的设定是ID具有唯一性，CLASS具有普遍性，所以一个页面同一个ID只能使用一次，而class可以无限制使用。

　　在实际使用中，单一的元素或需要程序、JS控制的东西，需要用id定义；重复使用的元素、类别，则用class定义。

　　ID需要具有唯一性，并且尽量在外围使用，如网页的大致布局，多数选用ID选择符来控制以施加样式，而CLASS具有可重复性，并且尽量在结构内部使用。这样做的好处是有利于网站代码的后期维护与修改。正式是因为ID是不能重复的，所以在XHTML的结构中，大结构一定是用ID。比如标志、导航、主体内容、版权，规范命名为#logo , #nav , #content , #copyright。

　　类别选择器和ID选择器的简单示例：
　　<div id="style1">
　　<div class="style2">
　　style1 只能定义为 #style1{…..} 这就是ID选择器
　　style2 只能定义为 .style2{…..} 这就是类别选择器
　　总结：一个页面上所有控件ID不能重复且只能使用一次，但class可以被多个 html控件所套用，无限次使用。