CSS教程 子代选择器的使用

2026-02-14 06:47:23

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

CSS教程 子代选择器的使用

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

CSS教程 子代选择器的使用

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

CSS教程 子代选择器的使用

4、输入div标签和style格式,如图所示:

CSS教程 子代选择器的使用

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

CSS教程 子代选择器的使用

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

CSS教程 子代选择器的使用

猜你喜欢