如何使用CSS3中的兄弟选择器设置相邻元素样式

 时间:2024-10-12 07:03:08

1、第一步,在已打开的HBuilderX工具新建HTML5模板页面,注意样式,如下图所示:

如何使用CSS3中的兄弟选择器设置相邻元素样式

2、第二步,在body标签内,插入多个div标签并使用不同的元素进行间隔,如下图所示:

如何使用CSS3中的兄弟选择器设置相邻元素样式

3、第三步,使用通配选择器和元素选择器,设置全局样式(背景色、内外间距),如下图所示:

如何使用CSS3中的兄弟选择器设置相邻元素样式

4、第四步,保存代码并预览页面效果,可以看到一个背景色为绿色的表单,如下图所示:

如何使用CSS3中的兄弟选择器设置相邻元素样式

5、第五步,再使用div和div元素选择器,添加一个加号进行拼接,设置div标签样式,如下图所示:

如何使用CSS3中的兄弟选择器设置相邻元素样式

6、第六步,再次保存代码并预览界面,可以看到备注和提示表单显示蓝色背景,如下图所示:

如何使用CSS3中的兄弟选择器设置相邻元素样式
  • 低配置电脑如何流畅播放LPCM音轨的高清视频
  • 血糖在10左右怎么办
  • 缺陷管理工具JIRA如何增加不同的模块?
  • 笔记本按下电源键几秒即自动断电关机故障处理
  • Q宠企鹅和宠物社区怎么卸载永久彻底删除
  • 热门搜索
    餐桌礼仪手抄报 手抄报的花边怎么画 水是生命之源手抄报 有关古诗的手抄报 交通安全手抄报题目 语文天地手抄报内容 团结友爱手抄报图片 我的绿色环保梦手抄报 保护地球英语手抄报 初中手抄报图片