我們先來明確一點，什么是兄弟？

比如，head和body是兄弟，必須是同級關系，如果是嵌套關系，兒子，孫子則不可以。

1.相鄰兄弟選擇器 CSS2

作用：給指定選擇器后面緊跟的那個選擇器選中的標簽設置屬性

格式：

　　　　　　選擇器1 選擇器2{

　　　　　　　　　　　　屬性：值;

}

我們將兩個緊跟在h1之后的p標簽都設置成了紅色，如果我們在第一個h1標簽之后添加一個a標簽，則這個就沒有用處來

??

注意點：

1.相鄰兄弟選擇器必須通過 連接

2.相鄰兄弟選擇器只能選中緊跟其后的那個標簽，不能選中被隔開的標簽

2.通用兄弟選擇器? CSS3

作用：給指定選擇器后面的所有選擇器選中的所有標簽設置屬性

格式：

選擇器1~選擇器2{

? ? ? ? ? ? ? ?屬性：值；

}

必須用英文符號打出來~，中文打出來打則無效

只要是在h1之后的p標簽就會被設置成紅色，無論它們之間有沒有a標簽，都并不影響

注意點：

1.通用兄弟選擇器必須用~連接

2.通用兄弟選擇器選中都是指定選擇器后面某個選擇器選中都所有標簽，無論有沒有被隔開都可以選中

本文轉載于:猿2048?https://www.mk2048.com/blog/blog.php?id=2kj0jcb&title=課時76.兄弟選擇器（掌握）