CSS教程 ID选择器和类选择器的区别

 时间:2026-04-23 08:28:08

1、新建一个 IDClass.html 文件,如图所示

CSS教程 ID选择器和类选择器的区别

2、输入 <!DOCTYPE html> 作用:使用html5的标准,如图所示:

CSS教程 ID选择器和类选择器的区别

3、输入网页结构的头部和主体,设置title为:ID选择器和类选择器的区别,如图所示:

CSS教程 ID选择器和类选择器的区别

4、定义五个 div 标签,分别包含不同的文本,如图所示:

CSS教程 ID选择器和类选择器的区别

5、给前两个 div 添加相同的id,代码报错,说明id选择器是唯一的,不能重复使用,如图所示:

CSS教程 ID选择器和类选择器的区别

6、给猴三个添加相同的类,代码没有报错,说明类可以多次重复使用,如图所示:

CSS教程 ID选择器和类选择器的区别

  • 孩子脐带绕颈的心得以及我的处理方式
  • eclipse怎么改变代码背景颜色
  • 江苏省-仪征市旅游景点
  • windows高级教程——cmd命令
  • 喷浆机的日常保养
  • 热门搜索
    不知所措的近义词 一本正经的近义词是什么 怎么炖排骨好吃 今年流行什么发型 夺目的近义词 头痛恶心是怎么回事 婴儿大便干燥怎么办 河北师范大学怎么样 早恋怎么办 增值税怎么抵扣