`

Learn CSS ——the difference between id and class.

    博客分类:
  • web
阅读更多
CSS doesn't care,But Javascript cares.
引用

ID's are unique.
Each element can only have only one ID.
Each page can have only one element with that ID

Classes are NOT unique
You can use the same class on multiple elements.
You can use multiple classes on the same element.


id是唯一的,class是可以复用的。
web标准中不允许出现两个div的id标识是相同的,id也是js获取对象的一个标示,所以也必须是唯一的。
class还有一个有点,就是一个div中可以使用多个class.

class跟id的比较:
如果没有特殊的要求,可以尽量的使用class,因为使用class更加的灵活。但是需要用到javascript的时候,便要使用id。
class更多的被应用到文字版块以及页面修饰等方面,而id更多地被用来实现宏观布局和手机包含块,或包含框的样式。
即id用于布局,class用于样式。
id样式优先级高于class样式


参考资料:
http://css-tricks.com/the-difference-between-id-and-class/
http://ryanfait.com/articles/the-difference-between-ids-and-classes/
http://stackoverflow.com/questions/544010/css-div-id-vs-div-class
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics