p span{color:purple;}和p>span{color:purple;}怎么理解 有区别吗

Answer 1

只作用首个后代的是css:first-child选择器，和子选择器不一样。子选择器的意思是样式只对它的第一代后辈起作用，也就是孩子（子元素），对它的孙子，曾孙等等不起作用。而且子选择器在IE6、IE7、IE8中是不被支持的选择器。空格作用于它所有的后辈，是所有浏览器都兼容的。

Answer 2

p span{}作用于p标签下所有span标签

p>span{}作用于p标签下的子代span标签

Answer 3

本人新手。学了几天，我的理解是：第一个p span{color:purple;}作用于后面所有的后代。后面的那个只作用首个后代。作用域不同，这是两者的区别