html属性id和class,css什么时候用class和id？

网页中，常用的几种选择器中包括class类选择器和id选择器，它们有什么区别？又该什么时候使用呢？本篇文章将一一为您解答。

css什么时候用class和id？当css样式用于不止一个元素时，使用class来定义。

当css样式只应用于一个元素时，使用id来定义。

例如导航条，每个页面中，只存在一个顶部导航条的话，可以使用id来定义

// 或者

例如商品列表，具有相同的样式，可以使用class来定义

• 1
• 2
• 3

(相关课程推荐：css视频教程)

class和id的区别

1、使用范围不同：

CLASS属性允许向一组在CLASS属性上具有相同值的元素应用声明。BODY内的所有元素都有CLASS属性。ID属性的操作类似于CLASS属性，ID属性的值在整篇文档中必须是唯一的。

2、表示方法不同：

CLASS类选择器以标志符(句点)开头，用于指示后面是哪种类型的选择器。对于类选择器，之所以选择句点是因为在很多编程语言中它与术语“类”相关联。翻译成英语，标志符表示“带有类名的元素”。ID选择器的标志符是散列符号(#)。标志符用来提醒浏览器接下来出现的是ID值。

3、用途不同：

可以使用CLASS属性来分类元素。ID属性用来标记文档中唯一元素。

本文来自css3答疑栏目，欢迎学习！