兄弟选择器

标签：相邻 color 所有 兄弟 div 选择器

 作用: 选中指定的元素后, 符合条件的相邻兄弟或所有兄弟

 

语法:  第一种相邻兄弟选择器 选择器1+选择器2

所谓相邻就是紧紧挨着的下一个,切记睡在我下铺的兄弟

语法: 第二种所有兄弟选择器 选择器1~选择器2

选中选择器后,选择符合条件的所有兄弟元素, 切记睡在我下铺的所有兄弟

 

举例:

/* div相邻的p标签颜色为红色 */   div+p { color: red; } /* div所有兄弟元素颜色为绿色 */   div~p { color: green; }

 

注意:

1. 两种兄弟选择器都是选择的下面的兄弟

标签：相邻,color,所有,兄弟,div,选择器
From： https://www.cnblogs.com/wangzaiting/p/17649650.html