id 与 class
来源:互联网 发布:什么是单例模式 java 编辑:程序博客网 时间:2024/04/18 14:45
如果要说两者的区别与联系,不同方面有相应不同
这里从css样式类方面说明,记录困扰我的一个问题:
如果div 同时应用了id和class,且样式类中,均有名为其id和class的样式类,这种情况下div会呈现出怎样的样式呢?
首先,介绍id和class的区别:
1、id是一个标签,用于区分不同的结构和内容;id是先找到结构/内容,再给它定义样式;class是一个样式,可以套在任何结构和内容上;class是先定义好一种样式,再套给多个结构/内容。
2、id是元素的名称,可以供js或其它脚本程序来访问该元素对象,而class是该元素的css类名。
3、定义样式时,id="aa"的用#aa{...},class="bb"的用.bb{...}。
4、class是全局属性,id是局部属性。
然后,形如下面的代码:
<div id="aa" class="bb">test</div>
#aa{ width:300px; height:50px;background-color:Red;}
.bb{ width:100px; height:300px; background-color:blue;}
这样的,会如何显示呢?
答案是:显示为宽300,高50,背景为红色的test文本块。因为class是全局属性,id是局部属性,所以,显示的样式是class定义了这个属性后,再加上id新定义的属性。当class和id属性重复时,取id的属性。有点类似于程序设计中的父子继承关系。
- id 与 class
- class与id
- CSS id与class
- CSS中的class与id
- ID与class的区别
- html中id与name,css中id与class
- ID选择符与class属性
- CSS中ID与CLASS的区别
- css中Class与ID的区别
- CSS: ID与Class的使用区别
- 浅析ID与CLASS的区别
- css中ID与class的区别
- HTML 中 id与name、class 区别
- css中class与id的区别
- div中id与class的区别
- ID与CLASS的使用原则
- CSS ID选择器与CLASS选择器
- CSS中id与class的区别
- J-Flash ARM烧写Nor Flash时出错:PC of target system has unexpected value after programming
- could not find the adb
- 炮兵阵地详解
- call dword ptr xxx与call xxx的比较
- 2012年4月16日
- id 与 class
- 使用swig为python添加c扩展总结
- 【B-Human】之Module与Representation
- C++实现快排算法
- 2012年4月7日腾讯实习生笔试中的一道数据库题目
- OOP中一些概念理解
- Failed to create the Java Virtual Machine
- GNU C中的零长度数组
- 扩容U盘修复