組合選擇器：把基本選擇器通過特殊符號串在一起，串起來之後能帶來一些特定的意義。
組合選擇器中主要需要掌握的有4個：
(1) 分組選擇器
格式：選擇器1,選擇器2,選擇器3
意義：使用 「,」 將多個基本選擇器連在一起，表示 這些選擇器 所對應的元素 都使用這個宣告中的樣式。
(2) 巢狀選擇器
格式：選擇器1 選擇器2
意義：使用 空格 將多個基本選擇器連在一起，表示 巢狀在 選擇器1 中的 選擇器2 所對應的元素 使用這個宣告中的樣式。
(無論選擇器2被巢狀在第幾級，只要它往上能找到是被選擇器1巢狀著，那就都可以使用樣式)
p1css
div p這裡內容」p2「和」p3「都巢狀在< div >中，因此都使用了樣式，而其他的內容沒有被< div >巢狀，並沒有使用樣式。
(3) 子選擇器
格式：選擇器1>選擇器2
意義：使用 「>」 將多個基本選擇器連在一起，表示 父標籤 必須是 選擇器1 的 選擇器2 所對應的元素 使用這個宣告中的樣式。
p1css
div>p這裡「p2」內容的父標籤是< div >，因此使用了樣式。
而內容「div1」、「p1」的父標籤是< body >，內容「p3」的父標籤是< li >，所以沒有使用樣式。
(4) 相鄰同級選擇器
格式：選擇器1+選擇器2
意義：使用 「+」 將多個基本選擇器連在一起，表示 與 選擇器1所對應元素 位於同一級的 選擇器2所對應的元素 使用這個宣告中的樣式。
p1css
div+p這裡只有內容「p1」與< div >標籤位於同一級，因此只有它使用了樣式。
CSS 組合選擇器
1 後代選擇器 包括兒子和孫子 c1 c2 2 子代選擇器 只選擇兒子 c3 c5 3 與選擇器 選擇p標籤下面的.c1的標籤 p.c1 4 或選擇器 同時選擇 p.c1,i1 5 兄弟選擇器 1 相鄰兄弟選擇器 相鄰兄弟選擇器用於匹配某個元素之後緊鄰的另乙個元素，這兩個元素擁有同乙個父級元素並且不...
CSS組合選擇器全
在 css3 中包含了四種組合方式 後代選取器 以空格分隔 子元素選擇器 以大於號分隔 相鄰兄弟選擇器 以加號分隔 普通兄弟選擇器 以波浪號分隔 後代選擇器所謂後代，就是乙個元素包含在另乙個元素裡面，例如 這裡p就是div的後代 後代選擇器匹配所有指定元素的後代元素。div p選取所有在div裡面的...
css選擇器 CSS選擇器總結
在前不久的專案中，實習小妹妹在乙個全域性的樣式中使用了下面這個css選擇器 content 對應的html結構大致是 實習妹子大致的意思是想要讓content下的子元素div的高度100 但是貌似她沒有真正理解first child的意義，從而導致這個全域性的樣式讓 所有頁面都出現了問題，然後我就只...