CSS是前端開發中的一項重要技能，選擇父元素的能力也是其中一個關鍵部分。在實際開發中，有時我們需要對父元素進行樣式修改，這時就需要選擇父元素了。

/* 以下是三種選擇父元素的方法 */
/* 方法一：使用子選擇器 */
.parent >.child {
/* 父元素樣式 */
}
/* 方法二：使用后代選擇器 */
.parent .child {
/* 父元素樣式 */
}
/* 方法三：使用偽類選擇器 */
.child:first-of-type {
/* 父元素樣式 */
}

以上三種方法都能選擇到父元素，但應用場合不同。

第一種方法，使用子選擇器，只能選擇直接子元素，無法選擇孫子元素，常用于緊密耦合的組件中：

選項1
選項2
.menu >ul {
/* 父元素樣式 */
}

第二種方法，使用后代選擇器，能選擇到任何子元素和孫子元素，應用場景廣泛：

按鈕
.container button {
/* 父元素樣式 */
}

第三種方法，使用偽類選擇器，能選擇到同級元素中第一個指定子元素，常用于標簽展示：

選項一
選項二
選項三
.current:first-of-type {
/* 父元素樣式 */
}

在實際開發中，應該根據實際情況選擇合適的方法，避免無效的選擇器導致性能問題。