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

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

后代选择器(A B{……})

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

HTML代码和效果:
CSS后代选择器和子代选择器区别

子代选择器(A>B{……})

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

HTML代码和效果:
CSS后代选择器和子代选择器区别