如何使用CSS3中的后代选择器设置后代元素样式

 时间:2024-10-30 15:14:46

1、第一步,为了展示后代选择器的用法,在HBuilderX工具中新建一个页面,如下图所示:

如何使用CSS3中的后代选择器设置后代元素样式

2、第二步,接着在<body></body>标签,插入多个div标签,并内嵌不同的内容,如下图所示:

如何使用CSS3中的后代选择器设置后代元素样式

3、第三步,还是使用全局选择器*设置整个页面的样式,包括内外边距和背景色,如下图所示:

如何使用CSS3中的后代选择器设置后代元素样式

4、第四步,再次使用div标签设置div标签的字体属性、字体大小、字体粗细,如下图所示:

如何使用CSS3中的后代选择器设置后代元素样式

5、第五步,使用两个div标签,中间添加一个空格,设置字体大小、字体颜色、边框等,如下图所示:

如何使用CSS3中的后代选择器设置后代元素样式

6、第六步,保存代码并预览页面,在浏览器中查看效果,结果发现内外标签添加边框,如下图所示:

如何使用CSS3中的后代选择器设置后代元素样式
  • excel怎么解决井号显示错误
  • Excel下拉菜单_下拉列表_下拉选项怎么做?
  • 设置幻灯片的动画效果
  • ppt如何更改文件名
  • Excel小技巧:双向数据查询
  • 热门搜索
    黛的意思 minutes是什么意思 什么手游好玩不花钱 对老师的祝福 dry的意思 学生护眼灯什么牌子好 包干价是什么意思 什么是命名空间 贞操是什么意思 什么是发物食品