CSS后代选择器和子代选择器区别

后代选择器（A B{……}）

CSS的后代选择器根据A的所有后代B（包括直接子元素和间接子元素B）来选择。无论B是否被其他所包含，只要B被A包含即被选择。

HTML代码和效果：

子代选择器（A>B{……}）

CSS的子代选择器根据A的初代B（只包括直接子元素）来选择。B如果还被其他所包含则B不被选择。

HTML代码和效果：