CSS :active Ñ¡ÔñÆ÷

ʵÀý

Ñ¡Ôñ»î¶¯Á´½Ó£¬²¢ÉèÖÃÆäÑùʽ£º

a:active
{ 
background-color:yellow;
}

Ç××ÔÊÔÒ»ÊÔ

ä¯ÀÀÆ÷Ö§³Ö

IE Firefox Chrome Safari Opera

ËùÓÐÖ÷Á÷ä¯ÀÀÆ÷¶¼Ö§³Ö :active Ñ¡ÔñÆ÷¡£

¶¨ÒåºÍÓ÷¨

:active Ñ¡ÔñÆ÷ÓÃÓÚÑ¡Ôñ»î¶¯Á´½Ó¡£

µ±ÄúÔÚÒ»¸öÁ´½ÓÉϵã»÷ʱ£¬Ëü¾Í»á³ÉΪ»î¶¯µÄ£¨¼¤»îµÄ£©¡£

Ìáʾ£ºÇëʹÓà :link Ñ¡ÔñÆ÷¶ÔÖ¸Ïòδ±»·ÃÎÊÒ³ÃæµÄÁ´½ÓÉèÖÃÑùʽ£¬:visited ÓÃÓÚÉèÖÃÖ¸ÏòÒÑ·ÃÎÊÒ³ÃæµÄÁ´½ÓµÄÑùʽ£¬:hover Ñ¡ÔñÆ÷ÓÃÓÚÉèÖÃÊó±êÖ¸Õ븡¶¯µ½Á´½ÓÉÏʱµÄÑùʽ¡£

Ç××ÔÊÔÒ»ÊÔ - ʵÀý

Àý×Ó 1

Ñ¡Ôñδ·ÃÎÊ¡¢ÒÑ·ÃÎÊ¡¢Ðü¸¡ºÍ»î¶¯Á´½Ó£¬²¢ÉèÖÃËüÃǵÄÑùʽ£º

a:link    {color:blue;}
a:visited {color:blue;}
a:hover   {color:red;}
a:active  {color:yellow;}

Ç××ÔÊÔÒ»ÊÔ

Àý×Ó 2

ΪÁ´½ÓÉèÖò»Í¬µÄÑùʽ£º

a.ex1:hover,a.ex1:active {color:red;}
a.ex2:hover,a.ex2:active {font-size:150%;}

Ç××ÔÊÔÒ»ÊÔ

Ïà¹ØÒ³Ãæ

CSS ½Ì³Ì£ºCSS Á´½Ó

CSS ½Ì³Ì£ºCSS αÀà

VUE