原文地址:https://blog.csdn.net/zxw136511485/article/details/71191053
在div标签中,我们比较常见的属性是id和class。那么这两个属性又有什么区别呢?其实id和class是大部分标签都有的属性,起作用是让CSS或者JavaScript找到DOM元素并操作
id和class这两个属性在html中的使用
<div id = "loading"></div><div class = "icon"></div>
解释上面的代码
id = “loading”,意思是定义一个id,它的值是”loading”
class = “icon”,意思是定义一个类,它的类名是”icon”
注意:”loading””icon”是自定义的值,命名规范都有遵守相应的命名规则,自行查阅
那么这两个属性使用的时候有什么区别吗?什么时候用id?什么时候用class呢,请看下文
1.定义区别
(1)id具有唯一性,在一个网页中只能定义一次
(2)class命名的类,可以出现很多次
2.使用区别
(1)id在CSS中以”#”开头命名的
(2)class在CSS中以”.”开头命名的
PS:
1.一般来说,id是元素的唯一代号,给某个元素赋予一个id后,通常不会再有其他元素一样的id。CSS和JavaScript可以使用id来单独操作某一个元素;而class是一组(多于一个)元素的共同代号,通常网页中会有一组元素具有一样的class。CSS和JavaScript中对某个class的操作回反应到每一个对应的元素上
2.id是一个标签,用于区分不同的结构和内容,就像名字,如果一个屋子有两个人同名,就会出现混淆;class是一个样式,可以套在任何结构和内容上,就像一件衣服
从概念上说就是不一样的:id是先找到结构/内容,在给它定义样式;class是先定义好样式,再套给多个内容/结构
