层次选择器是CSS中用来选择文档中特定元素的一种方法。它通过使用不同元素之间的层次关系来选择目标元素。常见的层次选择器包括后代选择器（descendant selector）、子元素选择器（child selector）、相邻兄弟选择器（adjacent sibling selector）和通用兄弟选择器（general sibling selector）。
后代选择器使用空格表示，可以选择某个元素内部的所有后代元素，例如：
div p {
/* 选择所有在 div 元素内部的 p 元素 */
}
子元素选择器使用大于号表示，只选择作为某元素直接子元素的元素，例如：
div > p {
/* 选择所有直接作为 div 元素子元素的 p 元素 */
}
相邻兄弟选择器使用加号表示，选择紧接在另一个元素后的元素，例如：
h1 + p {
/* 选择紧接在 h1 元素后面的 p 元素 */
}
通用兄弟选择器使用波浪线表示，选择与另一个元素有相同父元素的所有兄弟元素，例如：
h1 ~ p {
/* 选择与 h1 元素拥有相同父元素的所有 p 元素 */
}
这些层次选择器可以帮助开发者更精确地选择需要样式化的元素，从而实现更加灵活的样式设计。