CSS中什么时候用id什么时候用class
2016-06-22 12:57
483 查看
CSS中的选择符除了可以选择HTML预定义的标签,比如<a>,<p>,<div>。还可以选择用户自己定义的id或者class。id与class的最主要不同就在于id不能重复,只能使用一次,一个id只能用于一个标签。而class可以重复使用,同一个class可以定义在多个标签上。实际上从名称就能看出来id与class的区别,id是识别符,而class是类。
那么什么时候使用id,什么时候使用class?根据我的经验来看id用于特殊的标签上,因为这个部分就这么一个,没有与其他的地方重复的。而class主要用于一类有同样特征的元素上。因为id只能用一次,class可以无限次使用。
打个比方,就以一个Blog来说。一个Blog只会有一个头部,用于放置Blog的名称和Logo之类的信息。因为就只有这么一个,所以定义id是最适合的,没有其他的地方与头部类似。而在Blog首页可以显示多篇文章,一般都是10篇,那么每篇文章的内容区域都有一个类似的样式,所以定义class是最合适的,因为有10个同样样式的部分,为同一个class定义样式可以应用于10个拥有同样的class值得元素上。
也就是说,只有一个独立样式的元素适合用id,而有多个元素拥有同样的样式的话适合使用class。
那么什么时候使用id,什么时候使用class?根据我的经验来看id用于特殊的标签上,因为这个部分就这么一个,没有与其他的地方重复的。而class主要用于一类有同样特征的元素上。因为id只能用一次,class可以无限次使用。
打个比方,就以一个Blog来说。一个Blog只会有一个头部,用于放置Blog的名称和Logo之类的信息。因为就只有这么一个,所以定义id是最适合的,没有其他的地方与头部类似。而在Blog首页可以显示多篇文章,一般都是10篇,那么每篇文章的内容区域都有一个类似的样式,所以定义class是最合适的,因为有10个同样样式的部分,为同一个class定义样式可以应用于10个拥有同样的class值得元素上。
也就是说,只有一个独立样式的元素适合用id,而有多个元素拥有同样的样式的话适合使用class。
相关文章推荐
- Android Native 绘图方法
- htm页面中<a name>加name和id的冲突附解决方法
- C#中struct和class的区别详解
- VBS ArrayList Class vbs中的数组类
- 浅谈html中id和name的区别实例代码
- 大家看了就明白了css样式中类class与标识id选择符的区别小结
- js DOM 元素ID就是全局变量
- 基于MySql的扩展功能生成全局ID
- 一道关于数据库(经典父子级 ID 关联)更新题
- 深入了解PHP类Class的概念
- jquery 表单验证之通过 class验证表单不为空
- 动态修改DOM 里面的 id 属性的弊端分析
- setAttribute 与 class冲突解决
- JavaScript通过HTML的class来获取HTML元素的方法总结
- JS或jQuery获取ASP.NET服务器控件ID的方法
- JavaScript中的类(Class)详细介绍
- javascript面向对象包装类Class封装类库剖析
- jQuery针对input的class属性写了多个值情况下的选择方法
- 详解js中class的多种函数封装方法
- jQuery使用hide方法隐藏指定元素class样式用法实例