作用: 选中指定的元素后, 符合条件的相邻兄弟或所有兄弟
语法: 第一种相邻兄弟选择器 选择器1+选择器2
所谓相邻就是紧紧挨着的下一个,切记睡在我下铺的兄弟
语法: 第二种所有兄弟选择器 选择器1~选择器2
选中选择器后,选择符合条件的所有兄弟元素, 切记睡在我下铺的所有兄弟
举例:
/* div相邻的p标签颜色为红色 */
div+p {
color: red;
}
/* div所有兄弟元素颜色为绿色 */
div~p {
color: green;
}
注意:
- 两种兄弟选择器都是选择的下面的兄弟