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

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