CSS中選取子元素是非常常見的需求，而CSS提供了三種針對子元素的選取方式。下面將分別介紹這三種方式。

/* 子元素選擇器 */
.parent >.child {
/* styles */
}
/* 后代選擇器 */
.parent .child {
/* styles */
}
/* 通配符選擇器 */
.parent * .child {
/* styles */
}

子元素選擇器

子元素選擇器使用“>”符號，它選擇指定所有父元素的第一級子元素，只有當子元素是直接子元素時，樣式才會生效。

/* 選取parent的直接子元素child */
.parent >.child {
/* styles */
}

后代選擇器

后代選擇器使用空格符號，它選擇所有父元素的后代元素，無論是直接子元素還是更遠的子元素。這種選擇器對性能有較大的影響，因為它需要遍歷父元素的所有后代元素。

/* 選取parent的所有子元素中包含class為child的元素 */
.parent .child {
/* styles */
}

通配符選擇器

通配符選擇器使用“*”符號，它匹配所有元素，包括以及沒有子元素的元素。

/* 選取parent的所有子元素中的class為child的元素及其后代 */
.parent * .child {
/* styles */
}

總之，選取子元素是開發中必不可少的一環，需要根據實際情況選擇合適的選擇器，并且需要考慮到性能方面的問題。以上三種選擇器是常見的用于選取子元素的方式。