Jquery中的":nth-child()"前面有无空格的区别?

学习jquery到子元素过滤选择器这部分,对于":nth-child()"这个选择器,发现在其前加空格和不加空格有很大区别,请问造成这种情况的原因是什么?
代码如下:
有空格情况:$('div.one :nth-child(2)').css('background','darkgoldenrod');
无空格情况:$('div.one:nth-child(2)').css('background','darkgoldenrod');

什么区别呢,怎么用呢。

有空格是nth-child针对div.one的子元素,没有则是针对div.one

 无空格情况:$('div.one:nth-child(2)') 
 1、div的class是one
 2、div有父元素
 3、在父元素中是第二个节点

 有空格情况:$('div.one :nth-child(2)')
 1、div的class是one
 2、查找该div节点下的第二个子节点