CSS选择器的问题

Question

如下，CSS代码1和2，区别是代码2中li后面空一个再跟类名new,代码1一个不空格，
为什么就造成在HTML里一个显示一个不显示？

.navitems li.new{
    background: url(../image/new.jpg) no-repeat  right top ;
}//代码1，能显示

.navitems li .new{
    background: url(../image/new.jpg) no-repeat  right top ;
}//代码2，不能显示

Answer 1

加空格代表  li  的后代元素中类名为 .new的元素不加空格代表  类名为 .new的 li 元素

Answer 2

加空格是取子级元素，不加空格是多了个筛选条件