1、第一步，双击打开HBuilderX工具，新建一个HTML5页面并修改title内容，如下图所示：
2、第二步，在<body></body>标签内，插入多个div标签并设置class属性，如下图所示：
3、第三步，使用类选择器main，设置外层div标签的背景色、字体属性和字体颜色等，如下图所示：
4、第四步，使用后代选择器（类选择器并列），设置子代的div样式，如下图所示：
5、第五步，再使用目标伪类选择器:target，设置span元素的样式，如下图所示：
6、第六步，保存代码并打开浏览器预览页面，查看不同层次的元素的样式，如下图所示：
