手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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

时间:2024-10-14 18:49:26

1、第一步,打开HBuilder开发工具,在指定文件夹下,新建页面文件

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

2、第二步,打开已创建的页面文件,修改title标签文字内容

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

3、第三步,在<body></body>标签中,插入多个标签元素

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

4、第四步,添加一个style标签元素,然后使用div~p兄弟选择器,设置背景色、字体属性等

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

5、第五步,保存代码并运行页面文件,打开浏览器,可以看到AAAA和BBBB文字内容显示紫色、字体为白色

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

6、第六步,再次使用p ~ span兄弟选择器,设置span标签样式

如何使用CSS3中通用兄弟选择器设置元素样式
© 手抄报圈