CSS樣式子代選擇符是一種使用CSS選擇器來選取元素的方式，它們使得我們可以更靈活地在HTML文檔中控制元素的樣式。

子代選擇符是通過在兩個或多個選擇器名稱之間使用一個空格來定義的。例如，以下代碼將為所有在 class 為 "parent" 的元素后代的 p 元素應用樣式：

.parent p {
color: red;
}

在上面的代碼中，“parent”類是父級元素，而“p”元素是子代元素。使用子代選擇符，我們可以針對包含在父級元素內的所有下級元素（子代、孫子代等等）進行樣式控制。

下面是更多的CSS樣式子代選擇符示例：

/* 選擇所有在類 parent 元素下的段落元素 */
.parent p {
color: red;
}
/* 選擇所有在 ID myDiv 元素下的鏈接元素 */
#myDiv a {
text-decoration: none;
}
/* 選擇所有在 id 為 wrapper 下的標題元素 */
#wrapper h1, #wrapper h2, #wrapper h3 {
color: blue;
}

總之，CSS樣式子代選擇符可以非常靈活地控制HTML文檔中的元素樣式，使我們可以輕松地進行樣式設計和布局。