CSS樣式設置父節(jié)點的方法
當我們需要設置某個HTML元素的樣式時,通常會直接對該元素進行樣式設置。但是,如果我們需要同時對其子元素進行樣式設置呢?這時候就需要使用CSS中的父子選擇器了。 父子選擇器基本語法如下: 父元素選擇器 子元素選擇器 { 屬性:值; } 其中,父元素選擇器和子元素選擇器之間需用空格隔開。例如,我們需要設置某個div容器下所有p標簽的字體大小為16px,可以這樣寫: div p { font-size: 16px; } 需要注意的是,父子選擇器只能向下選擇,不能向上選擇。也就是說,你無法通過子元素選擇器來修改父元素的樣式。 例如,下面的代碼設置的是p標簽的顏色,而不是div元素的顏色: /* 錯誤寫法 */ p div { color: #333; } 正確的寫法應該是這樣: /* 正確寫法 */ div p { color: #333; }