在 CSS 中,我們可以通過設置父節點的樣式來影響其子節點的樣式。這種設置方法通常被稱為級聯樣式(Cascading Style)。
如果我們想將一個父節點內的所有子節點文字變成藍色,我們可以這樣寫 CSS:
.parent { color: blue; }
這里的“parent”是父節點的 class 名稱。設置完父節點樣式后,其下的所有子節點的文字顏色都會變成藍色。
同樣的,我們也可以通過設置父節點的背景色來影響其子節點的背景色:
.parent { background-color: orange; }
其下的子節點會繼承父節點的背景色,除非被單獨設置了自己的背景色。
需要注意的是,并不是所有的樣式都可以這樣設置。例如,設置父節點邊框并不會影響其子節點的邊框。
在實際開發中,我們經常會利用這種級聯樣式的特性,來快速完成樣式的應用。
上一篇css 設置表格大小
下一篇css 設置點擊事件