首页 > 代码库 > CSS伪类选择器active模拟JavaScript点击事件
CSS伪类选择器active模拟JavaScript点击事件
一、说明
设置元素在被用户激活(在鼠标点击与释放之间发生的事件)时的样式。
IE7及更早浏览器只支持a元素的:active,从IE8开始支持其它元素的:active。
另:如果需要给超链接定义:访问前,鼠标悬停,当前被点击,已访问这4种伪类效果,而又没有按照一致的书写顺序,不同的浏览器可能会有不同的表现。超链接的4种状态,需要有特定的书写顺序才能生效。注意,a:hover必须位于a:link和a:visited之后,a:active必须位于a:hover之后。可靠的顺序是:l(link)ov(visited)e h(hover)a(active)te,即用喜欢(love)和讨厌(hate)两个词来概括。Link
二、示例
<style> .active-example{ width:100px; height: 100px; transition: all 1s ease-in-out; background: red; } .active-example:active{ border-radius:50%; background: blue; } </style> <div class="active-example"></div>
CSS伪类选择器active模拟JavaScript点击事件
本文出自 “不知不问” 博客,请务必保留此出处http://mazey.blog.51cto.com/12997993/1948121
CSS伪类选择器active模拟JavaScript点击事件
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。