设置元素在被用户激活(在鼠标点击与释放之间发生的事件)时的样式。
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点击事件
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。