有什么办法做相反的：hover只使用CSS？如：if：hover在鼠标进入，有一个CSS等效于鼠标离开？
例：
我有一个HTML菜单使用列表项。当我悬停其中一个项目，有一个CSS颜色动画从#999到黑色。当鼠标离开项目区域时，如何创建相反的效果，动画从黑色到#999？
(记住，我不想只回答这个例子，而是整个“相反的：悬停”问题。)
解决方法
如果我理解正确，你可以做同样的事情，将你的过渡到链接，而不是悬停状态：
- ul li a {
- color:#999;
- transition: color 0.5s linear; /* vendorless fallback */
- -o-transition: color 0.5s linear; /* opera */
- -ms-transition: color 0.5s linear; /* IE 10 */
- -moz-transition: color 0.5s linear; /* Firefox */
- -webkit-transition: color 0.5s linear; /*safari and chrome */
- }
- ul li a:hover {
- color:black;
- cursor: pointer;
- }
http://jsfiddle.net/spacebeers/sELKu/3/
hover的定义是：
The :hover selector is used to select elements when you mouse over
them.
通过该定义，悬停的相反是鼠标不在其上的任何点。比我更聪明的人做了这篇文章，设置不同的过渡在两个国家 – http://css-tricks.com/different-transitions-for-hover-on-hover-off/
- #thing {
- padding: 10px;
- border-radius: 5px;
- /* HOVER OFF */
- -webkit-transition: padding 2s;
- }
- #thing:hover {
- padding: 20px;
- border-radius: 15px;
- /* HOVER ON */
- -webkit-transition: border-radius 2s;
- }
