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

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

测试代码




    
    Document
    


    
  • 1
  • 2
  • 3
  • 4
  • 5

效果图如下,解释:

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

THE END
分享
二维码
< <上一篇
下一篇>>