CSS之详解:active选择器

Active的一段话

active的英文解释为“积极的”，表现在鼠标上就是点击的意思。关于active选择器最多的示例恐怕就是应用在链接上面的，然而打开链接是一个一瞬间的动作，这不能很好的体现active选择器的特点。

Active的特点

其实我们打开一个带有active链接，激活acive是有一个过程的，就是点击模块后直到松开模块。如果我们不指定这个过程所花费的时间，笔者认为其默认花费零点几秒。

    DOCTYPE html  > 
   html  > 
     head  > 
       title  > a   title  > 
       meta   name  ="content-type"   content  ="text/html; charset=UTF-8"  > 
         style  >  
      a  {  
        display  :  block  ;  
        width  :  30px  ;  
        margin  :  20px  ;  
        border-radius  :  8px  ;  
        padding  :  20px 50px  ;  
        text-align  :  center  ;  
        background  :  green  ; 
       }  
      a:active  {  
        background  :  indigo  ; 
       } 
       style  > 
     head  > 
  
     body  > 
       a   href  ="paris.jpg"  > link   a  > 
     body  > 
   html  >   

查看更多关于CSS之详解:active选择器的详细内容...