在我们使用HTML5和CSS3时，如果通过父级元素查找子级元素并设置子级元素的样式。下面利用具体的实例说明子代选择器的用法，操作如下：
工具/原料
1
HTML5
2
CSS3
3
HBuilderX
4
浏览器
5
截图工具
方法/步骤
1
第一步，双击打开HBuilderX工具并新建一个HTML5模板页面，修改title标签内容，如下图所示：
2
第二步，在
标签中，添加多个div标签和无序列表、有序列表，如下图所示：3
第三步，保存代码并打开浏览器预览界面效果，可以发现无序列表和有序列表，如下图所示：
4
第四步，接着使用通配选择器和元素选择器，设置页面的样式，如下图所示：
5
第五步，然后使用div标签下的div，设置背景色、字体属性、字体大小和边框，如下图所示：
6
第六步，再次保存代码并查看页面效果，可以发现出现层次关系，如下图所示：
注意事项
1
注意CSS3中的子代选择器的用法
2
注意HTML5和CSS3合理选择选择器或方法控制元素样式
上一篇：晨希名字的寓意是什么
下一篇：培根怎么做