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
原创文章，作者：amp，如若转载，请注明出处：https://www.gooboys.com/2519
相关推荐
-
Docker 快速部署本地开发环境常用数据库
前言 对于后端开发人员，经常需要使用数据库，在本地安装数据库麻烦且易出错，利用docker能非常快速的拉启所需数据库环境，不用的时候可以删掉，如果需要本地存储数据可以使用单独数据目…
-
python import搜索路径与重新导入
1.import搜索路径 使用import sys导入，sys.path可以查看当前的路径 In [5]: import sys In [6]: sys.path Out[6]: …
-
React17源码解析(2) —— jsx 转换及 React.createElement
小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。本文已参与「掘力星计划」，赢取创作大礼包，挑战创作激励金。 欢迎大家一起交流学习 react 源码，本系列目录导航请见：R…
-
Forward design method of business-application-data-technical architecture
The enterprise architecture method has always emphasized the comprehensive and positive de…
-
python安装virtualenv和virtualenvwrapper
virtualenv的安装 $ sudo pip install virtualenv 或者 $ sudo apt-get install python-virtualenv 查看…
-
【转载】python argparse用法总结
本文出处：作者：yarving链接：https://www.jianshu.com/p/fef2d215b91d來源：简书著作权归作者所有。商业转载请联系作者获得授权，非商业转载请…
-
56个JavaScript 实用工具函数助你提升开发效率！
又到周五啦，快来一起摸鱼呀！今天来看看JavaScript中的一些实用的工具函数，希望能帮助你提高开发效率！整理不易，如果觉得有用就点个赞吧！ 1. 数字操作 （1）生成指定范围随…
-
python用hashlib 遇到 TypeError: Unicode-objects must be encoded before hashing
使用hashlib库的朋友想必都遇到过以下的错误吧：“Unicode-objects must be encoded before hashing”，意思是在进行md5哈希运算前，…
-
ubuntu开启ssh服务
有时候需要远程登陆ubuntu的终端，那么可以使用ssh来实现，ubuntu好像默认没有安装ssh的，需要自己手动安装。ssh分为客户端openssh-client和openssh…
-
python3 socket 实现TFTP 文件上传
本代码运行环境：python3 + Ubuntu16 1：运行代码前需要运行tftp服务器端，把要上传的文件放在和执行文件同一个文件夹里2：tftp服务器端ip要和ubuntu i…
