CSS3中的群组选择器 后代选择器[空格]子元素选择器 ＞相邻兄弟选择器+兄弟选择器~

群组选择器（','）

/* 表示既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中的群组选择器 后代选择器[空格]子元素选择器 ＞相邻兄弟选择器+兄弟选择器~》对你有帮助，请点赞、收藏，并留下你的观点哦！