使用CSS子標簽優化樣式，可以使網頁更具有可讀性和可維護性。CSS子標簽是在父元素下面的一些元素的選擇器，他們的顯示效果受到父元素的影響。下面介紹如何使用CSS子標簽來優化樣式：
首先，我們需要了解CSS子標簽的基本語法。它由父元素選擇器后再加上一個空格，然后加上子元素選擇器組成。例如：
```
父元素選擇器 子元素選擇器 {
屬性：值；
}
```
例如，下面是一個使用CSS子標簽的例子：
```
ul li {
list-style: none;
background-color: #f5f5f5;
padding: 5px;
}
```
這段代碼表示了所有在`
- `中的`
- `元素，他們的列表樣式都設置為無（`list-style: none;`），背景色為淺灰色（`background-color: #f5f5f5;`），內邊距為5px（`padding: 5px;`）。 使用CSS子標簽還可以避免重復冗余的樣式。假設我們有這樣一個樣式表： ``` ul li { list-style: none; background-color: #f5f5f5; padding: 5px; } ol li { list-style: none; background-color: #f5f5f5; padding: 5px; } ``` 如果用CSS子標簽來縮寫，可以這樣寫： ``` ul li, ol li { list-style: none; background-color: #f5f5f5; padding: 5px; } ``` 這樣不僅減少了代碼量，還方便以后的維護。 總結來說，CSS子標簽是一個非常強大的工具，可以優化你的樣式表，讓你的網頁更加漂亮，容易閱讀和維護。通過熟練地運用CSS子標簽，你的網頁樣式將會更加得心應手。