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命令
  • 喷浆机的日常保养
  • 热门搜索
    滑板初学者开始怎么练 kindle怎么导入电子书 珍珠粉怎么用 甲亢怎么治疗 怎么和女孩子聊天 酸辣土豆丝的做法 牙酸是怎么回事 移动服务密码怎么查 怎么重装系统 薄荷叶怎么吃