在 CSS 中，我們可以使用“選擇器”來(lái)選擇某一個(gè)元素或某一組元素，但是如果我們需要獲取某個(gè)元素的父元素，該怎么辦呢？

其實(shí)有很多方法可以獲取父元素，例如通過(guò) JavaScript 操作 DOM，但這篇文章主要探討使用 CSS 選擇器獲取父元素的方法。

首先，我們來(lái)看一個(gè)常見(jiàn)的 HTML 結(jié)構(gòu)：

<div class="parent">
<div class="child"></div>
</div>

我們現(xiàn)在要獲取 '.child' 元素的父元素 '.parent'，該怎么做呢？

1. 子選擇器（>）

.parent > .child {
/*css樣式*/
}

通過(guò) ">" 運(yùn)算符，我們可以選擇直接作為 .parent 子級(jí)的 .child 元素。這樣我們就可以直接獲取到 '.child' 的父元素。

2. 緊隨選擇器（~）

.parent ~ .child {
/*css樣式*/
}

使用“~”運(yùn)算符，我們可以選擇跟在 .parent 元素后面、屬于同一級(jí)別的 .child 元素。這樣的話，如果 .child 不是直接子級(jí)，但是跟 .parent 屬于同一級(jí)別的話，我們也可以通過(guò)該選擇器獲取 '.child' 的父元素。

3. 相鄰選擇器（+）

.parent + .child {
/*css樣式*/
}

使用“+”運(yùn)算符，我們可以選擇緊貼著 .parent 元素下一級(jí)、與 .parent 有相鄰的 .child 元素。如果一個(gè) .child 元素是 .parent 的兄弟元素，它就會(huì)被選擇到，這樣我們也可以通過(guò)該選擇器獲取 '.child' 的父元素。

在實(shí)際開(kāi)發(fā)中，我們可以根據(jù)具體情況選擇不同的選擇器來(lái)獲取父元素。但是需要注意，父元素選擇器并不是萬(wàn)能的，所以需要靈活運(yùn)用。