CSS选择器中的空格与尖括号有何区别？

例子1：

.a .b

{

    margin: 0;

}

空格隔开a和b，选择所有后代元素。

例子2：

.a>.b 

{

     margin: 0;

}

尖括号隔开a和b，选择所有子元素。

两个例子的区别就在于后代和子，后代包含子子孙孙。