移动端不能使用click，因为click会有300ms。所有有了fastclick这样的解决方案。然后fastclick并没有解决点击态（用户点击的瞬间要有及时的外观变化反馈）的问题。hover会有不消失的问题，所有大家一般用:active。利用 :active 伪类来设置某元素被点击时的点击态样式 ...
分类：
其他好文 时间：
2020-05-19 10:28:10
阅读次数：
60
active伪类解决 HTML代码 <div class='box'> </div> CSS代码 .box { width: 100px; height: 100px; background: green; transition: transform 0.3s ease-out; } .box:ac ...
分类：
移动开发 时间：
2020-02-28 01:32:42
阅读次数：
116
链接伪类 链接的4种状态：激活状态、已访问状态、未访问状态和鼠标悬停状态。 :link 未访问的链接 :visited 已访问的链接 :hover 鼠标悬停状态 :active 激活的链接（点下鼠标松开鼠标之前的状态） 例子： a:link{color:red;} 链接伪类的顺序： :link > ...
分类：
其他好文 时间：
2018-08-09 14:11:50
阅读次数：
111
mozilla开发社区上有 :active 不起作用的答案： 在iOS系统的移动设备中，需要在按钮元素或body/html上绑定一个touchstart事件才能激活:active状态。 将上述事件监听代码加上后，Safari Mobile上就可以看到按钮按下后的切换效果了。 ...
分类：
移动开发 时间：
2017-12-07 19:00:52
阅读次数：
198
伪类样式： 标签名：伪类名{声明} 如：a:hover{ color:#000000; text-decoration:underline; } 伪类名称： a:link 未单击访问时超链接样式 a:visited 单击访问后超链接样式 a:hover 鼠标悬浮其上的超链接样式 a:active 鼠 ...
分类：
其他好文 时间：
2017-05-30 00:11:31
阅读次数：
366
:active 伪类向激活（在鼠标点击与释放之间发生的事件）的元素添加特殊的样式。 这个伪类应用于处于激活状态的元素。最常见的例子就是在 HTML 文档中点击一个超链接：在鼠标按钮按下期间，这个链接是激活的。还有其他一些方式来激活元素，另外从理论上讲其他元素也可以被激活，不过 CSS 对此没有定义。 ...
分类：
Web程序 时间：
2017-02-19 00:26:42
阅读次数：
3999
在某些版本的safari上，：active伪类不生效，可以通过css和js两种方式hack一下： html css javascript online demo JS Bin on jsbin.com ...
分类：
其他好文 时间：
2016-05-23 10:39:29
阅读次数：
166
:active伪类是在类似'mousedown'事件触发的时机生效的，而手机上并没有'mousedown'事件，取而代之的只有'touchstart'和'touchend'。只需要给这个a链接的touch系列的任意事件touchstart/touchend绑定一个空的匿名方法即可hack成功var ...
分类：
移动开发 时间：
2015-12-22 17:40:45
阅读次数：
1209
这次添加的是自己新了解到的随笔，要让css active伪类生效，只需要给这个元素的touchstart/touchend绑定一个空的匿名方法即可成功。。。下面简单举个栗子复制代码 测试Active文本复制代码用JS代码获取这个元素，然后通过addEventListener添加一个touchsta....
分类：
移动开发 时间：
2015-07-13 13:41:35
阅读次数：
99
在前面的文章中，我们在介绍了《五种你必须彻底了解的CSS选择器》，现在向大家介绍，还需要学习的另外十二种CSS选择器。如果你还没有用过，就好好学习一下，如果你已经熟知了就当是温习。一、X:linkX:visitedX:hoverX:active伪类a:link{color:red;}a:visted...
分类：
Web程序 时间：
2015-06-26 17:48:08
阅读次数：
137
