在 CSS 中,不存在選中父級元素的方式。
在選擇器中,我們可以通過“后代選擇器”或“子元素選擇器”來選擇父元素內部的某些子元素,但是無法直接選中父級元素本身。
/* 例子:后代選擇器 */ .container p { /* 選中 container 容器內的所有 p 元素 */ color: red; } /* 例子:子元素選擇器 */ .container > p { /* 選中 container 容器直接子元素中的所有 p 元素 */ color: blue; }
以上兩種選擇器都無法選中父元素本身,只能選中其內部的子元素。
不過,我們可以通過 JavaScript 來選中父元素。在事件處理程序中,通過this.parentNode
或this.parentElement
來獲取父元素的引用。
// 例子:通過事件處理程序選中父元素 const childEl = document.getElementById('child'); childEl.addEventListener('click', function() { const parentEl = this.parentNode; parentEl.style.backgroundColor = 'pink'; });
以上 JavaScript 例子通過事件處理程序選中了一個子元素的父元素,并將其背景色改為淡粉色。