css3技术

id与class区别-该用id还是用class呢?!_div+css布局教程

字号+ 作者:H5之家 来源:H5之家 2015-09-28 13:13 我要评论( )

id与class区别-该用id还是用class呢?!,学习id与class区别-该用id还是用class呢?!,id与class区别-该用id还是用class呢?!,查看id与class区别-该用id还是用cl

 
  id与class区别,我在前面的文章中已经讲过了。但还是有新手对此非常迷茫,不知道什么时候该用id,什么时候该用class。这两个选择器让新手左右为难。
  一、在web标准中是不容许重复ID的,例如 div id=\"a\" 不容许重复2次;而class所定义的是类,理论上可以无限重复。以根据需要多次引用。
  二、属性的优先级问题:ID 的优先级要高于class,我们在下面的代码中有示例说明。
  三、方便JS等客户端脚本的引用,假如在页面中要对某个对象进行脚本操作,那么可以给他定义一个ID,否则只能利用遍历页面元素加上指定特定属性来找到它,这是相对浪费时间资源,远远不如一个ID来得简单与快捷。

id与class优先级的试验

div css xhtml xml Source Code to Run

Source Code to Run []


[ 可先修改部分代码 再运行查看效果 ]


  解析:根据一般的CSS优先级的原则。接近的应该是优先的。class=\"YourHomePage\"更接近于定义样式的元素。但此例中,对元素应用的样式是id所定义的样式。说明id的优先级要高于class!

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • IE中图片下方的空隙怎么解决?_div+css布局教程

    IE中图片下方的空隙怎么解决?_div+css布局教程

    2015-09-29 10:19

  • IE中怎么会出现双倍边距?_div+css布局教程

    IE中怎么会出现双倍边距?_div+css布局教程

    2015-09-29 10:16

  • IE7新支持的CSS选择器有哪些?_div+css布局教程

    IE7新支持的CSS选择器有哪些?_div+css布局教程

    2015-09-27 19:25

  • IE捉迷藏bug详解(躲猫猫)_div+css布局教程

    IE捉迷藏bug详解(躲猫猫)_div+css布局教程

    2015-09-27 15:11

网友点评