css :active选择器设置被激活链接的样式

时间:2016-07-25
css :active是一种伪选择器,该选择器用于选取被激活的链接a标签,本文章向大家介绍css :active伪选择器的使用方法和使用实例,需要的朋友可以参考一下。

css :active选择器介绍

css :active选择器是一个伪类选择器,它用于选择被激活的HTML元素。最常见的例子是点击一个HTML文档中的超链接:当鼠标按键被按下,链接激活。

语法:

:active { 
   style properties 
}

如:

a:active  {color: red;}
*:active {background: blue;}

 

css :active实例

下面实例介绍如何使用css :active选择器

<!DOCTYPE HTML> 
<html> 
    <head> 
        <title>css :active选择器设置被激活链接的样式</title> 
        <style type="text/css"> 
        :active {
            border: thin black solid; 
            padding: 4px; 
        } 
        </style> 
    </head> 
    <body> 
        <a href="http://www.manongjc.com">码农教程</a> 
        <p>I like <span>HTML</span> and CSS.</p> 
        <button>Hello</button> 
    </body> 
</html>

在线运行

大家可以点击”在线运行“按钮查看一下css :active选择器的运行效果。

上一页 下一页

原文地址:http://www.manongjc.com/article/1265.html