CSS教程 子代选择器的使用

本教程将介绍子代选择器的使用

工具/原料

PhpStorm2019.3.1x64

方法/步骤

1、新建一个子代选择器的使用.html文件，如图所示：

2、输入HTML5的结构代码，将title标签里面的内容修改成：子代选择器的使用，如图所示：

3、子代选择器的语法格式，如图所示：

4、输入div标签和style格式，如图所示：

5、通过子代选择器给第二个div标签添加背景颜色，如图所示：

6、运行网页，可以看到背景颜色已经变成红色，如图所示：