在CSS中,我們經常會需要選擇一個節點的父親元素。這時候就可以使用CSS的父級選擇器。
示例代碼: .parent-classname { /* 父級選擇器 */ } .parent-classname child-classname { /* 子級選擇器 */ }
上面的代碼中,.parent-classname 就是選擇父親元素的選擇器。
舉個例子,如果我們有如下HTML結構:
<div class="parent"> <p>這是父親元素</p> <div class="child"> <p>這是子元素</p> </div> </div>
如果我們要給父親元素 .parent 添加CSS樣式,可以這樣寫:
.parent p { /* 父親元素的p標簽 */ }
這樣,我們就能選擇父親元素下的所有p標簽。