CSS 是前端開發中必不可少的一部分。其中，CSS 的子代選擇器常常被用來針對一些特定的 HTML 結構進行樣式控制。

在 CSS 中，子代選擇器以 "父元素 >子元素" 的方式表示。父元素指的是被選擇的元素的上一級元素，而子元素則是它的直接下一級元素。這樣，我們可以用子代選擇器來選擇某個元素下的所有子元素，并對它們進行相同的樣式設置。

.parent >.child {
/* 樣式設置 */
}

需要注意的是，子代選擇器只會選中直接子元素，而不包括它們的后代元素。如果我們想選中某個元素下的所有后代元素，可以使用后代選擇器，以 "祖先元素 子孫元素" 的方式表示。分別用 "空格" 分隔兩個元素即可。

.parent .descendant {
/* 樣式設置 */
}

另外，我們還可以和其他選擇器進行組合使用，來實現更加靈活的樣式控制。例如，和類選擇器組合使用，可以在一個元素下選中某些具有相同類名的子元素。

.parent >.child.same-class {
/* 樣式設置 */
}

總之，子代選擇器是 CSS 中一個非常實用的工具，可以幫助我們快速定位到某個元素下的所有子元素，并對它們進行樣式控制。在實際開發中，多加利用，可以使樣式代碼更加可維護和高效。