CSS中的父輩元素指的是包含當前元素的元素,也就是直接包裹當前元素的那個元素。
在CSS中,使用“父元素選擇器”可以選中某個元素的父元素并對其進行樣式設定。父元素選擇器的寫法如下:
父元素的選擇器 子元素的選擇器 { /* 樣式設定 */ }
例如:
div p { font-size: 18px; color: red; }
上面的代碼中,div p表示選中所有p元素的父元素是div的元素,并對其進行樣式設定。具體來說,這段代碼會將所有包含在div元素內的p元素的字體大小設置為18px,顏色為紅色。
需要注意的是,父元素選擇器只能選中當前元素的直接父元素,無法選中祖先元素。如果要選中祖先元素,需要借助后代選擇器。
舉個例子:
div h1 span { font-size: 24px; color: blue; }
上面的代碼中,div h1 span表示選中所有span元素,并且這些span元素的祖先元素依次是h1和div。具體來說,這段代碼會將所有依次包含在div元素、h1元素內的span元素的字體大小設置為24px,顏色為藍色。
上一篇css中點的代碼