请问 ul > li:first-child{ color: red; } 与 ul > li :first-child{ color: red; } （li与:first-child之间有空格）的差异

请问为什么 ul > li:first-child{  color: red; } 显示 li 圆点为红色，而 ul > li :first-child{  color: red; } （li与:first-child之间有空格）却变成各 li 下的文字变成红色呢？请问是因为空格代表后代选择器吗？