在HTML中，一個元素的樣式既可以通過自身的樣式屬性進行定義，也可以通過其父節(jié)點的樣式屬性進行定義。

.parent {
background-color: lightblue;
padding: 20px;
}
/* 子節(jié)點樣式繼承父節(jié)點樣式 */
.parent .child {
font-size: 24px;
color: white;
}
.child2 {
font-size: 18px;
color: darkblue;
}

在這個例子中，父節(jié)點使用了一個淺藍色的背景和20像素的內(nèi)邊距。子節(jié)點使用了這個父節(jié)點的類名和CSS選擇器來繼承其樣式。因此，子節(jié)點 .child 的字體大小為24像素，顏色為白色。

注意，這里的繼承只是發(fā)生在 .child 的樣式上。另一個子節(jié)點 .child2 沒有使用父節(jié)點的樣式，所以它不會繼承這些樣式。

<div class="parent">
<p class="child">這是一個子節(jié)點</p>
<p class="child2">這是另一個子節(jié)點</p>
</div>

在HTML中，可以使用這個具有相同類名的父節(jié)點和子節(jié)點的代碼。這要求子節(jié)點具有相同的類名作為 CSS 選擇器中的類名。

通過在CSS中使用父子選擇器，我們可以輕松定義父節(jié)點和子節(jié)點之間的樣式關(guān)系，使我們的CSS更加簡潔和可維護。