CSS :active αÀà
ʵÀý
¹æ¶¨Á´½ÓµÄÑÕÉ«£º
a:link {color: #FF0000} /* δ·ÃÎʵÄÁ´½Ó */
a:visited {color: #00FF00} /* ÒÑ·ÃÎʵÄÁ´½Ó */
a:hover {color: #FF00FF} /* µ±ÓÐÊó±êÐüÍ£ÔÚÁ´½ÓÉÏ */
a:active {color: #0000FF}
/* ±»Ñ¡ÔñµÄÁ´½Ó */
£¨ÔÚÒ³Ãæµ×²¿¿ÉÒÔÕÒµ½¸ü¶àʵÀý£©
ä¯ÀÀÆ÷Ö§³Ö
ËùÓÐÖ÷Á÷ä¯ÀÀÆ÷¶¼Ö§³Ö :active αÀà¡£
¶¨ÒåºÍÓ÷¨
:active αÀàÏò¼¤»î£¨ÔÚÊó±êµã»÷ÓëÊÍ·ÅÖ®¼ä·¢ÉúµÄʼþ£©µÄÔªËØÌí¼ÓÌØÊâµÄÑùʽ¡£
Õâ¸öαÀàÓ¦ÓÃÓÚ´¦ÓÚ¼¤»î״̬µÄÔªËØ¡£×î³£¼ûµÄÀý×Ó¾ÍÊÇÔÚ HTML ÎĵµÖеã»÷Ò»¸ö³¬Á´½Ó£ºÔÚÊó±ê°´Å¥°´ÏÂÆÚ¼ä£¬Õâ¸öÁ´½ÓÊǼ¤»îµÄ¡£»¹ÓÐÆäËûһЩ·½Ê½À´¼¤»îÔªËØ£¬ÁíÍâ´ÓÀíÂÛÉϽ²ÆäËûÔªËØÒ²¿ÉÒÔ±»¼¤»î£¬²»¹ý CSS ¶Ô´ËûÓж¨Òå¡£
˵Ã÷
¼¤»îµÄ¡¢ÒÑ·ÃÎʵġ¢Î´·ÃÎʵĻòÕßµ±ÓÐÊó±êÐüÍ£ÔÚÆäÉϵÄÁ´½Ó£¬ËüÃÇ»áÔÚÖ§³Ö CSS µÄä¯ÀÀÆ÷ÖÐÒÔ²»Í¬µÄ·½Ê½ÏÔʾ³öÀ´£º
a:link {color: #FF0000} /* δ·ÃÎʵÄÁ´½Ó */ a:visited {color: #00FF00} /* ÒÑ·ÃÎʵÄÁ´½Ó */ a:hover {color: #FF00FF} /* µ±ÓÐÊó±êÐüÍ£ÔÚÁ´½ÓÉÏ */ a:active {color: #0000FF} /* ±»Ñ¡ÔñµÄÁ´½Ó */
×¢ÊÍ£ºÎªÁ˲úÉúÔ¤ÆÚµÄЧ¹û£¬ÔÚ CSS ¶¨ÒåÖУ¬a:hover ±ØÐëλÓÚ a:link ºÍ a:visited Ö®ºó£¡£¡
×¢ÊÍ£ºÎªÁ˲úÉúÔ¤ÆÚµÄЧ¹û£¬ÔÚ CSS ¶¨ÒåÖУ¬a:active ±ØÐëλÓÚ a:hover Ö®ºó£¡£¡
×¢ÊÍ£ºPseudo-class£¨Î±ÀࣩµÄÃû³Æ¶Ô´óСд²»Ãô¸Ð¡£
×¢ÊÍ£ºÎ±Àà¿ÉÓë CSS ÀàÅäºÏʹÓãº
a.red:visited {color: #FF0000;}
<a class="red" href="css_syntax.asp">CSS Syntax</a>
Èç¹ûÉÏÃæÕâ¸öÀý×ÓÖеÄÁ´½ÓÒÑ·ÃÎʹý£¬ÄÇôËü»áÏÔʾΪºìÉ«¡£
TIY ʵÀý
Ïà¹ØÒ³Ãæ
CSS ½Ì³Ì£ºCSS αÀà