class和id是用来标识和选择HTML元素的两个重要属性。
class(类):class是一种用来标识一组HTML元素的属性。你可以给一个或多个元素添加相同的class名称,通过指定该class名称在CSS中进行样式设置。class属性可以重复使用,一个元素可以同时有多个class。在CSS中,选择class时使用句点(.)作为前缀,例如:
.example-class { }
id(标识):id是一种用来唯一标识HTML元素的属性。你可以给一个元素指定一个唯一的id名称,并且通过该id在CSS中进行样式设置。id属性是唯一的,每个元素只能有一个id。在CSS中,选择id时使用井号(#)作为前缀,例如:
#example-id { }
使用class和id的具体设置如下:
选择class:在CSS中,使用句点(.)作为前缀,后面跟上class名称,例如:
.example-class { }
在HTML中,给元素添加class属性,例如:
<div class="example-class">Content</div>
选择id:在CSS中,使用井号(#)作为前缀,后面跟上id名称,例如:
#example-id { }
在HTML中,给元素添加id属性,例如:
<div id="example-id">Content</div>
需要注意的是,class名称可以在多个元素中重复使用,而id名称应该在整个HTML文档中是唯一的。同时,class选择器的优先级要低于id选择器,即使用相同的样式规则时,id选择器会覆盖class选择器的样式规则。