CSS3关于:hover 在前和在后的比较

hover是一个伪类选择器，最近发现一个问题，就是关于.con:hover li 和.con li:hover的比较，先来描述一下这两个的意思：
.con:hover li 表示的是当鼠标移动到.con中时的li样式变化
.con li:hover 表示的是当鼠标移动到.con中的li上面的时候li的样式变化

测试代码

    
    
    


    

        
1
        
2
        
3
        
4
        
5
    

效果图如下，解释：

.con li:hover 鼠标只有停留在黄色区域在进行hover，而且鼠标移动到哪个哪个进行hover
.con:hover li 鼠标停留在红色框内任何区域都hover，1-5全部同时hover