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

如何应用css通用兄弟元素选择器

时间:2024-10-14 01:10:00

1、新建html文件

如何应用css通用兄弟元素选择器

2、创建html内容

如何应用css通用兄弟元素选择器

3、预览效果如图

如何应用css通用兄弟元素选择器

4、为跟div同父级元素的兄弟元素p设置样式

如何应用css通用兄弟元素选择器

5、效果如图

如何应用css通用兄弟元素选择器

6、添加span元素并为跟div同父级元素的兄弟元素span设置样式

如何应用css通用兄弟元素选择器

7、效果如图

如何应用css通用兄弟元素选择器

8、在div里和div外添加span的元素,并为跟div同父级元素的兄弟元素span设置样式

如何应用css通用兄弟元素选择器

9、效果如图

如何应用css通用兄弟元素选择器

10、为跟span同父级元素的兄弟元素p设置样式

如何应用css通用兄弟元素选择器

11、效果如图

如何应用css通用兄弟元素选择器
© 手抄报圈