CSS中的关联选择器指的是根据文档中元素之间的关系来选择元素的CSS选择器。例如，以下是一些常用的关联选择器：
/* 后代选择器 */
#parent .child {}
/* 子选择器 */
#parent >.child {}
/* 相邻兄弟选择器 */
#target + .sibling {}
/* 通用兄弟选择器 */
#target ~ .sibling {}后代选择器表示选择某个元素下的所有后代元素，包括子元素、孙元素、曾孙元素等；而子选择器则只会选择子元素。相邻兄弟选择器表示选择紧接在某个元素后面的第一个兄弟元素；而通用兄弟选择器则表示选择紧接在某个元素后面的所有兄弟元素。
子元素孙元素
例如，上面的代码中，#parent .child会选择
子元素
和孙元素两个元素；而#parent >.child会仅选择子元素子元素
。