div中 class与id同时使用、分开使用的区别

标签: div id class
3人阅读 评论(0) 收藏 举报
分类:

首先,介绍id和class的区别:

  1、id是一个标签,用于区分不同的结构和内容;id是先找到结构/内容,再给它定义样式;class是一个样式,可以套在任何结构和内容上;class是先定义好一种样式,再套给多个结构/内容。

  2、id是元素的名称,可以供js或其它脚本程序来访问该元素对象,而class是该元素的css类名。

  3、定义样式时,id="aa"的用#aa{...},class="bb"的用.bb{...}。

  4、class是全局属性,id是局部属性。

   5、id的优先级高于class。

  然后,形如下面的代码:

  <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的属性。有点类似于程序设计中的父子继承关系。

查看评论

div中 class与id同时使用

首先,介绍id和class的区别:   1、id是一个标签,用于区分不同的结构和内容;id是先找到结构/内容,再给它定义样式;class是一个样式,可以套在任何结构和内容上;class是先定义好...
  • wangjia55
  • wangjia55
  • 2016-09-26 08:35:13
  • 2548

DIV中的ID和CLASS有什么区别

本文转载自:http://blog.163.com/zzf_fly/blog/static/209589158201271311449305/ 初学DIV 对其中的class id 两者很难区别...
  • li365
  • li365
  • 2014-12-01 11:33:35
  • 1624

div中class和id有什么区别?

转载地址:http://blog.163.com/zzf_fly/blog/static/209589158201271311449305/      我觉得这篇文章jiangde...
  • stpeace
  • stpeace
  • 2014-05-18 21:15:55
  • 17613

DIV布局如何正确的使用 id 和 class

按照字面的意思,id是指一个元素在整个文档中的“唯一标志”,而class则是它所属的“类别”。按照语法,同名的id在一个文档里只应该出现一次,而class名可重复使用。 但是在具体使用的时候,哪...
  • wustzbq0713
  • wustzbq0713
  • 2015-01-26 21:52:51
  • 2287

当我们在使用CSS的时候ID与Class有何不同?

ID和Class之间有何不同ID和Class都是“钩子”我们需要一个使用HTML/XHTML语言描述文档内容的方式,类似的基础元素有, 和来完成这样的工作,但我们的基础标签不能覆盖网页元素和布局选择中...
  • kingroc
  • kingroc
  • 2016-06-03 15:35:43
  • 2088

html中div id与div class什么意思用法讲解

div id与div class什么意思?div id和div class用法有什么讲究呢? 在div、span、p标签、h1、h2等标签中看见id和class使用,id和class是非常常用的...
  • mr_jianrong
  • mr_jianrong
  • 2017-09-06 14:42:28
  • 787

HTML-class与id的区别及应用

class是设置标签的类。 id是设置标签的标识。 class属性用于指定元素属于何种样式的类。 如样式表可以加入: .baobao { color: lime; backgr...
  • klarclm
  • klarclm
  • 2012-03-18 10:58:07
  • 6819

HTML5中id、name、class 区别

转载地址:http://www.2cto.com/kf/201210/161751.html 网上找不到专门针对html5的,只能找到以前HTML的。看了一下,它们差不多,尤其是本文后面专门...
  • li6727975
  • li6727975
  • 2015-02-04 10:27:58
  • 2772

HTML中class和id标签的区别

先举个例子来区分它们两个:         例如,在一个屋里,有很多人,那么ID就是人的名字,而Class是衣服。         如果两个人名字相同就会出现混淆,而如果两个人穿同样的衣服就不会出...
  • jian520lang____diguo
  • jian520lang____diguo
  • 2015-06-25 10:13:22
  • 2531

div id class使用与区别

DIV+CSS布局中在HTML代码中我们常常看到div标签、span标签等html标签频繁使用,而div id和div class最常见的单词。 如: div id="header">di...
  • qq_24771775
  • qq_24771775
  • 2015-12-17 16:27:39
  • 167
    个人资料
    持之以恒
    等级:
    访问量: 343
    积分: 313
    排名: 23万+
    文章存档