CSS伪类选择器active模拟JavaScript点击事件
2017-07-17 10:17
666 查看
一、说明
设置元素在被用户激活(在鼠标点击与释放之间发生的事件)时的样式。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点击事件
相关文章推荐
- CSS伪类选择器active模拟JavaScript点击事件
- Javascript 模拟点击事件(点击链接与html点击) 兼容IE/Firefox
- 通过使用基于关系的选择器和伪类选择器,创建纯CSS无JavaScript的下拉菜单
- javascript 模拟的鼠标点击事件
- 浏览器环境下用javascript创建鼠标点击事件,事件模拟
- Javascript 模拟点击事件(点击链接与html点击) 兼容IE/Firefox
- 使用基于关系的选择器和伪类选择器创建纯CSS无JavaScript的鼠标移动到上面即可显示的下拉菜单
- Javascript 模拟点击事件(点击链接与html点击) 兼容IE/Firefox
- javascript模拟点击事件--实现视频自动播放
- css伪类选择器,:link、:visited、:focus、:hover、:active、:first-child
- javascript,jquery动态添加dom元素,并设定css属性,点击事件
- CSS实现点击事件样式
- Android通过代码模拟物理、屏幕点击事件
- 解决JavaScript拖动时触发点击事件的BUG
- javascript模拟事件和判断nodelist,dom object,数组
- android中怎么模拟点击事件
- CSS基础 a active设置所有,点击超链接文本时下划线消失
- 爬取熊猫TV,javascript,selenium,模拟点击
- RecyclerView的Item点击事件,增加删除Item瀑布流动画效果,长按拖动Item,RecyclerView复杂布局、实现新闻频道选择器
- jQuery的属性、css、文档处理、事件、选择器以及jsp要点简记