ID与class的区别
来源:互联网 发布:软件实施过程文档 编辑:程序博客网 时间:2024/05/01 05:16
转载: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控件所套用,无限次使用。
- 顶
- 0
- 踩
0 0
- ID与class的区别
- CSS中ID与CLASS的区别
- css中Class与ID的区别
- CSS: ID与Class的使用区别
- 浅析ID与CLASS的区别
- css中ID与class的区别
- css中class与id的区别
- div中id与class的区别
- CSS中id与class的区别
- 浅析ID与CLASS的区别
- css 中class与id的区别
- css选择器class与id的区别
- ID与Class的区别(#与。的区别)CSS
- Class与ID的区别,Margin与Padding的区别
- table布局的优缺点与id与class的区别
- [CSS基础知识]CSS中Class与ID的区别
- CSS中id与class属性的区别
- CSS 中 ID 与 Class 的区别及使用方法
- 欢迎使用CSDN-markdown编辑器
- node_modules文件名或扩展名太长如何删除
- jquery 1.9 浏览器判断
- jsp获取请求路径
- CF Educational Round 12, C
- ID与class的区别
- iOS 之 UIProgressView 使用详解
- [opencv]3.获取摄像头的视频流
- 文章标题
- 二进制如何转十进制,十进制如何转二进制
- textView设置按下和焦点改变时让字体颜色发生变化
- android view getLeft(), getRight(), getTop(), getBottom()等相对位置 与getGlobalVisibleRect(Rect r)等绝对位置
- 灾备中经常提到的RTO和RPO
- 如何保存几何画板文件为图片格式