CSS的子代選擇符是一種強大的選擇器，可以選擇某個元素的子孫元素。

.parent {
color: red;
}
.parent span {
font-weight: bold;
font-size: 20px;
}

在這個例子中，我們定義了一個class為“.parent”的父元素，顏色為紅色。同時，我們使用了子代選擇符來選擇“.parent”下的所有元素，將它們的字體加粗，并設置為20像素。

在這里我們還可以使用后代選擇符：

.parent {
color: red;
}
.parent span {
font-weight: bold;
font-size: 20px;
}
.parent li a {
text-decoration: none;
}

這里我們使用了后代選擇符，選擇了“.parent”下所有的“li”元素，并通過“a”元素的選擇器來設置其樣式。

子代選擇符是一種非常靈活的選擇器。它可以幫助你更好的控制你的CSS文件中的元素樣式。