子选择器用于选择某个元素的直接子元素，并且只有该子元素会受到样式的影响。使用方法是在父元素后面加上>符号，再接上要选择的子元素。例如：
.parent >.child {
color: red;
}上面的代码表示选择class为parent的元素中的class为child的直接子元素，并将其字体颜色设置为red。
有时候，在样式的定义中，大家需要同时对某个元素和它的子元素进行修改。这时候，就需要使用后代选择器。
后代选择器用于选择父元素下的所有子元素，并且子元素都会受到样式的影响。使用方法是在父元素和子元素之间加上空格。例如：
.parent .child {
font-size: 16px;
}上面的代码表示选择class为parent的元素下的所有class为child的子元素，并将它们的字体大小设置为16px。
需要注意的是，子选择器和后代选择器的区别在于，子选择器只选择直接子元素，而后代选择器选择的是所有子元素，包括孙子元素等。