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

 时间:2026-02-16 13:54:51

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命令
  • 喷浆机的日常保养
  • 热门搜索
    全国旅游景点地图 柳州旅游攻略 上海外滩旅游攻略 珠海东澳岛旅游攻略 带孩子去哪里旅游好 德化旅游景点大全 苏州旅游财经学院 湖州旅游攻略 南岳旅游网 名古屋旅游景点