層次選擇器是CSS中一種常用的選擇器，它可以根據元素之間的關系進行選擇。以下是幾種常用的層次選擇器以及代碼示例：
- 后代選擇器（Descendant Selector）：
后代選擇器用于選擇指定元素內的所有后代元素。其語法為：ancestor descendant。
示例：
/* 選擇所有 元素內的 元素 */
div p {
color: blue;
}
這是一個段落。
這是另一個段落。
這是一個獨立的段落。
登錄后復制
- 子元素選擇器（Child Selector）：
子元素選擇器用于選擇指定元素的直接子元素。其語法為：parent > child。
示例：
/* 選擇父元素為 的直接子元素 */
div > p {
color: red;
}
這是一個段落。
這是另一個段落。
登錄后復制
- 兄弟選擇器（Adjacent Sibling Selector）：
兄弟選擇器用于選擇指定元素的下一個兄弟元素。其語法為：element + sibling。
示例：
/* 選擇 元素下一個兄弟元素 */
p + span {
color: green;
}
這是一個段落。
這是一個元素。
這是另一個元素。
登錄后復制
- 相鄰兄弟選擇器（General Sibling Selector）：
相鄰兄弟選擇器用于選擇指定元素之后的所有兄弟元素。其語法為：element ~ sibling。
示例：
/* 選擇 元素后的所有兄弟元素 */
p ~ span {
font-weight: bold;
}
這是一個段落。
這是一個元素。
這是一個元素。
這是另一個元素。
登錄后復制
層次選擇器在CSS中非常有用，可以根據元素之間的關系進行靈活的樣式選擇。以上是幾種常見的層次選擇器及其代碼示例，希望對您有所幫助。
