css :active选择器介绍

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

语法:

:active { 
   style properties 
}

如:

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

 

css :active实例

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

<!DOCTYPE HTML> 
<html> 
    <head> 
        < >css :active选择器设置被激活链接的样式</ > 
        <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选择器的运行效果。

收藏 打印