手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

CSS教程 子(父子)选择器

时间:2024-10-12 00:55:48

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

CSS教程 子(父子)选择器

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

CSS教程 子(父子)选择器

3、输入网页结构的头部和主体,设置title为:子(父子)选择器,如图所示:

CSS教程 子(父子)选择器

4、子选择器的作用:选择所有作为E1子对象的E2,如图所示:

CSS教程 子(父子)选择器

5、使用子选择器给 div 标签下的 p 标签添加背景颜色,如图所示:

CSS教程 子(父子)选择器

6、运行网页,可以看到 p 标签的背景颜色变成红色,如图所示:

CSS教程 子(父子)选择器
© 手抄报圈