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命令
  • 喷浆机的日常保养
  • 热门搜索
    玫琳凯怎么样 大写数字怎么写 羊肉火锅怎么做好吃 怎么解散qq群 乳胶漆墙面脏了怎么办 怎么去除狐臭 天语手机怎么样 波浪号怎么打 扫雷游戏怎么玩 木瓜怎么吃丰胸