1、背景介绍
元素唯一的ID:
在元素的开始标签中输入id名,格式 ,name是id的名称,程序员自己起,这个id是唯一识别元素的名称,name不能有数字或者空格。 id个人建议是用来作为当前文档的链接,在文档中进行跳转的时候使用,HTML 文档中的每个 id 都必须是唯 一的。 换句话说,一个页面里不能出现两个具有相同 id 的元素,并且每个元素都只能有一个id。相同的id可以出现在不同的页面里, 同一 id也不一定每次都赋给同一元素,尽管这是惯常的做法。
元素的类别:
class是一个选择器,可以理解为一个标识,用来标识特定的标签,在英文中,class意为班级;阶级;分类;种类, 与id的唯一性不同,一个class类名可以被不一样的标签反复引用。
2.常见问题
优先级问题
渲染速度的问题
4.解决方案
在样式表达式定义一个样式的时候,可以定义id也可以定义class。
1、在CSS文件里书写时ID加前缀“#”;Class用“.”
2、id一个页面只可以使用一次;class可以多次引用。
3、ID是一个标签,具有唯一性,用于区分不同的结构和内容;而class可以在不同的结构内容里反复引入。 目前浏览器还都允许用多个相同的ID,在css中能够正常显示,不过当你需要用JavaScript通过id来控制标签时就会出错。
Q:我在css里一个id标签可以反复使用,为什么在js不可以了呢?
A:其实大家在刚接触id和class的时候,教材里就写的很清楚了id选择器是唯一的,只能调用一次,这个标准就是为js而设定的。
Q:class和id在js里的调用方式不一样吗?
A:对的,不一样
Q:什么时候用id,什么时候用class呢?
A:如果你只调用一次,就用id,否则只能选择class