Learn CSS ——the difference between id and class.

CSS doesn't care,But Javascript cares.
[quote]
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.
[/quote]

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

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


参考资料:
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
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值