a ¿¤·¹¸àÆ®ÀÇ ¿¬°áÀÌ µÇ°Å³ª È°¼ºÈ­ µÇ¾úÀ» ¶§ÀÇ ½ºÅ¸ÀÏÀ» ¼³Á¤ÇÑ´Ù.

Àμö
cssSelector : (½ºÅ¸ÀÏ ¼±ÅÃÀÚ)
¼Ó¼ºÀ» °¡Áú¼ö ÀÖ´Â ¿¤·¹¸àÆ®()³ª Ŭ¶ó½º(class) À̸§ ȤÀº ÀνÄÀÚ(id)ÀÌ´Ù.

: (¼Ó¼º ¹®ÀÚ¿­)
½ºÅ¸ÀÏ ¼Ó¼ºÀº a ¿¤·¹¸àÆ®ÀÇ ¿¬°áÀÌ µÇ°Å³ª È°¼ºÈ­ µÇ¾úÀ» ¶§ÀÇ ½ºÅ¸ÀÏÀ» ³ªÅ¸³»´Â ¹®ÀÚ¿­ÀÌ´Ù.

Ư±â

¿¬°áÀÇ È°¼ºÈ­´Â »ç¿ëÀÚ°¡ ¿¬°á¿¡ Ç×ÇØÇÏ¿© ¿¬°á¿¡¼­ ÀϺΠ±â´ÉÀÌ ÀÛµ¿µÇ°í ¿Ï°áµÇÁö ¾ÊÀº »óÅÂÀÌ´Ù.

ÀϹÝÀûÀ¸·Î :active °¡»ó Ŭ¶ó½º(pseudo-class)´Â ¿¬°á¿¡ ÀÛ¿ëÇÏ´Â ´Ù¸¥ °¡»ó Ŭ¶ó½º :hover, :link¿Í :visited¿Í ÇÔ²² »ç¿ëÇÑ´Ù.

Àû¿ë
°³Ã¼scriptCSS IE ¹öÀü
ÂüÁ¶
:active :hover :link :visited

ÀÌ °¡»ó Ŭ¶ó½º´Â CSS1(Cascading Style Sheets, Level 1)¿¡¼­ Á¤ÀǵǾú´Ù.


È°¼º ¿¬°á °¡»ó Ŭ¶ó½º

¿¬°áÀ» Ŭ¸¯ÇØ º¸°í, ÃÊÁ¡À» ´Ù¸¥ °÷À¸·Î À̵¿½ÃÄÑ º¸¶ó. °¡»ó Ŭ¶ó½º :active·Î font-weight¿Í color ¾ÖÆ®¸®ºäÆ®¸¦ ¼³Á¤ÇÑ´Ù.

<STYLE>A:active { font-weight:bold; color:red;background-color:aqua}</STYLE>
<A href="../style/color.html" onclick="return false">È°¼º ¿¬°á °¡»ó Ŭ¶ó½º</A>

´ÙÀ½ µÎ°¡Áö´Â °°ÀÌ Àû¿ëµÈ´Ù

<STYLE>:active { font-weight:bold; color:red;background-color:aqua}</STYLE>
<STYLE>A:active { font-weight:bold; color:red;background-color:aqua}</STYLE>