CSS伪类选择器active模拟JavaScript点击事件
来源:互联网 发布:意大利帅哥 知乎 编辑:程序博客网 时间:2024/05/16 23:42
一、说明
设置元素在被用户激活(在鼠标点击与释放之间发生的事件)时的样式。
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点击事件
阅读全文
0 0
- CSS伪类选择器active模拟JavaScript点击事件
- CSS :active 伪类
- CSS :active 伪类
- css选择器-伪类选择器
- CSS的active伪类
- CSS伪类选择器
- CSS-伪类选择器
- CSS选择器&伪类
- CSS-伪类选择器
- CSS伪类选择器
- CSS伪类选择器
- CSS伪类选择器
- CSS伪类选择器
- CSS-伪类选择器
- CSS 伪类选择器
- css伪类选择器,:link、:visited、:focus、:hover、:active、:first-child
- CSS结构伪类选择器
- 关于CSS伪类选择器
- Golang微信支付
- 【萌新教程】使用VMware虚拟机安装Redhat6.5+oracle(一)
- 《Android 群英传》简评
- POJ 2104 浅谈函数式线段树即主席树构造
- 删除排序链表中的重复元素-LintCode
- CSS伪类选择器active模拟JavaScript点击事件
- git submodule的使用
- 非常详细的Hibernate环境搭建【图解教程】及简单使用
- day02和day03 有错请多多指教
- 网贷羊毛党凶猛:17家平台投资转化率仅13%
- 爬虫时保持cookies一直有效的方法
- Ubuntu下eclipse中maven勾选了Dynamic Web Module不出现web content目录
- 简单概率问题(先验,后验)
- Oracle定时执行计划任务