CSS 层级选择器包括以下类型：
1. `>>` 选择器：选择嵌套层级关系中的最大层级关系的元素。例如，`h1 > p` 选择所有 `p` 元素，而 `h1 > *` 选择所有具有 `h1` 元素的子元素(如 `h2`、`h3`、`h4` 等)。
2. `+` 选择器：选择具有指定层级关系的第一个层级关系的元素。例如，`h1 + p` 选择所有 `p` 元素，而 `h1 + *` 选择所有具有 `h1` 和任意子元素的第一个层级关系的元素。
3. `~` 选择器：选择具有指定层级关系的最大层级关系的元素，但不包括其子元素。例如，`h1 ~ p` 选择所有 `p` 元素，而 `h1 ~ *` 选择所有具有 `h1` 和任意子元素但不是其子元素的第一个层级关系的元素。
4. `*` 选择器：选择所有元素，无论其层级关系。例如，`h1 * p` 选择所有 `p` 元素，而 `h1 * *` 选择所有具有 `h1` 元素的所有子元素(包括非子元素)。
使用 CSS 层级选择器可以使你的 CSS 样式更容易地应用于网页中不同的元素，从而更有效地布局和设计网页。