在網頁設計中，html的標簽可以用來標記頁面的結構與內容，但是，頁面的樣式設計則需要使用css。css可以幫助我們讓網頁看起來更美觀。而在css中，有一個重要的概念，那就是子類樣式。

子類樣式的語法如下：
父類選擇器 子類選擇器 {
style rule
}

其中父類選擇器是子類的上一級選擇器，子類選擇器則是要修改的html標簽。比如：

HTML代碼：
<div class="parent">
<p>這是一個段落</p>
</div>
CSS代碼：
.parent p {
color: red;
}

在上面的代碼中，.parent是父類選擇器，p是子類選擇器。這段樣式規則的作用是將父類選擇器為.parent的div標簽下的p標簽的文字顏色修改為紅色。

子類樣式的使用可以大大減少css代碼的冗余，更好的維護和修改css代碼。比如，在下面的代碼中，兩組樣式規則的代碼邏輯上是完全相同的。

沒有子類樣式：
.box1 {
background-color: gray;
}
.box1 p {
color: white;
}
.box2 {
background-color: black;
}
.box2 p {
color: white;
}
使用子類樣式：
.box1 {
background-color: gray;
color: white;
}
.box2 {
background-color: black;
color: white;
}

通過子類樣式的使用，我們可以將樣式規則直接添加到父類選擇器中，使得代碼更簡潔、易讀、易維護。