浅析ID与CLASS的区别
来源:互联网 发布:游戏优化器哪个最好用 编辑:程序博客网 时间:2024/05/01 17:47
转载: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控件所套用,无限次使用。
- 浅析ID与CLASS的区别
- 浅析ID与CLASS的区别
- ID与class的区别
- CSS中ID与CLASS的区别
- css中Class与ID的区别
- CSS: ID与Class的使用区别
- css中ID与class的区别
- css中class与id的区别
- div中id与class的区别
- CSS中id与class的区别
- css 中class与id的区别
- css选择器class与id的区别
- ID与Class的区别(#与。的区别)CSS
- Class与ID的区别,Margin与Padding的区别
- 浅析class与struct区别
- 浅析class与struct区别
- table布局的优缺点与id与class的区别
- [CSS基础知识]CSS中Class与ID的区别
- 简单的树形列表(无限级次 可折叠)
- Linux命令touch
- SQL Server 2008 – How To Build and Deploy AdventureWorks OLAP Cubes
- Windows下利用WinDBG、OllyDBG进行源码级调试
- HTML中include file标签的用法
- 浅析ID与CLASS的区别
- Java基础加强和JDK1.5新特性1.0
- WPF架构关键技术剖析(3)--做自己的交互Action(2)
- 2011版C++面试宝典!(值得收藏)
- 你会做Web上的用户登录功能吗?
- C#中的委托实现租房
- printk打印加入系统流逝时间
- How To Read and Write XML Documents with GDataXML
- 利用MyEclipse创建hibernate视图的hbm.xml文件及其手动设置事项