群組選擇器（','）

/* 表示既h1，又h2 */ h1, h2 {color: red; }

后代選擇器[空格]

/* 表示 h1 下面的所有 span 元素，不管是否以 h1 為直接父元素 */ h1 span {}

子代選擇器>

<style>.abc>:nth-child(2){background-color:yellow;} </style>/* 表示 h1 下面的所有以 h1 為直接父元素的 span 元素，注意必須以 h1 為直接父元素 */ h1 > span {}

相鄰兄弟選擇器（'+'）

選擇緊接在另一個元素后的元素，而且二者有相同的父元素。

兄弟選擇器（'~'）

選擇在某元素之后的所有兄弟元素，不一定要緊跟在后面，但必須得是相同父元素，即必須是同一級元素。/* A之后的所有B元素，不一定要緊跟在A后面、相同父元素 */ A ~ B{}

總結

以上是生活随笔為你收集整理的CSS3中的群组选择器,后代选择器[空格]子元素选择器 ＞相邻兄弟选择器+兄弟选择器~的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。