CSS3中的后代选择器通过空格连接两个元素,无需特殊符号,用于选取位于前一个元素内部的所有指定后代元素。以下通过具体实例进行演示操作过程,直观展示其匹配规则与应用方式。
1、 首先,在HBuilderX中创建新页面,以演示后代选择器的应用方法,具体操作所示。
2、 在body标签内部添加多个div元素,并分别嵌入不同内容,具体结构如示例图所示。
3、 第三步,通过全局选择器*设定页面整体样式,调整内外边距及背景颜色,具体效果所示。
4、 第四步,利用div标签设定字体样式、大小及粗细程度,具体设置所示。
5、 第五步:用两个div标签,中间留一个空格,设置字体大小、颜色及边框样式,效果所示。
6、 保存代码后在浏览器预览,页面显示内外标签均已添加边框,效果所示。
