在進行前端開發中，我們經常會需要對子元素進行樣式修改，這時候，CSS中的子選擇器就能派上用場。

子選擇器用于選擇某個元素的直接子元素，并且只有該子元素會受到樣式的影響。使用方法是在父元素后面加上>符號，再接上要選擇的子元素。例如：

.parent >.child {
color: red;
}

上面的代碼表示選擇class為parent的元素中的class為child的直接子元素，并將其字體顏色設置為red。

有時候，在樣式的定義中，我們需要同時對某個元素和它的子元素進行修改。這時候，就需要使用后代選擇器。

后代選擇器用于選擇父元素下的所有子元素，并且子元素都會受到樣式的影響。使用方法是在父元素和子元素之間加上空格。例如：

.parent .child {
font-size: 16px;
}

上面的代碼表示選擇class為parent的元素下的所有class為child的子元素，并將它們的字體大小設置為16px。

需要注意的是，子選擇器和后代選擇器的區別在于，子選擇器只選擇直接子元素，而后代選擇器選擇的是所有子元素，包括孫子元素等。