hover是一个伪类选择器,最近发现一个问题,就是关于.con:hover li 和.con li:hover的比较,先来描述一下这两个的意思:
.con:hover li 表示的是当鼠标移动到.con中时的li样式变化
.con li:hover 表示的是当鼠标移动到.con中的li上面的时候li的样式变化
测试代码
Document
效果图如下,解释:
.con li:hover 鼠标只有停留在黄色区域在进行hover,而且鼠标移动到哪个哪个进行hover
.con:hover li 鼠标停留在红色框内任何区域都hover,1-5全部同时hover
共有 0 条评论