兄弟选择器

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

 

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

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

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

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

 

举例:

/* div相邻的p标签颜色为红色 */

 

div+p {

color: red;

}

/* div所有兄弟元素颜色为绿色 */

 

div~p {

color: green;

}

 

注意:

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