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 ʵÀý

³¬Á´½Ó
±¾ÀýÑÝʾÈçºÎÏòÎĵµÖеij¬Á´½ÓÌí¼Ó²»Í¬µÄÑÕÉ«¡£
³¬Á´½Ó 2
±¾ÀýÑÝʾÈçºÎÏò³¬Á´½ÓÌí¼ÓÆäËûÑùʽ¡£

Ïà¹ØÒ³Ãæ

CSS ½Ì³Ì£ºCSS αÀà

VUE