CSS選擇器是一種用于選擇HTML元素并對其應用樣式的強大工具。子類選擇器是其中一種類型，它允許您選擇某個元素的子元素并對其應用樣式。

.parent-class{
/* 父類樣式 */
}
.parent-class .child-class{
/* 子類樣式 */
}

在這個例子中，父類是一個HTML元素，而子類是該元素的一個子元素。子類選擇器使用空格來表示子元素。在這個例子中，我們使用“.parent-class .child-class”來選擇屬于“parent-class”元素的任何一個子元素，然后應用“child-class”樣式。

子類選擇器非常有用，在編寫特定樣式時可以幫助您節省大量時間。例如，如果您想選擇特定類型元素的子元素，則可以使用以下代碼：

div p {
/* div下所有p標簽樣式 */
}

在這個例子中，我們使用“div p”選擇器來選擇屬于“div”元素的任何一個子元素，并對其應用樣式。“p”是子類元素。

子類選擇器的另一種形式是直接子類選擇器。這種選擇器僅選擇一個元素的直接子元素，而不選擇任何后代。

.parent-class >.direct-child-class{
/* 直接子類樣式 */
}

在這個例子中，我們使用大于符號（>）來表示直接子元素。使用“.parent-class >.direct-child-class”來選擇屬于“parent-class”元素的任何一個直接子元素，并對其應用“direct-child-class”樣式。

總之，子類選擇器是CSS選擇器中非常有用的一種類型，可以幫助您節省時間和精力，更快地編寫樣式表并更好地管理HTML元素。