CSS :active Selector

활성 링크(active link)를 선택하고 스타일을 지정합니다.

Note: The :active selector styles the active link.

:active 셀렉터는 활성 링크를 선택하고 스타일을 지정하는 데 사용됩니다.

링크를 클릭하면 활성화됩니다.

Tip: :active 셀렉터는 링크 뿐만 아니라, 모든 요소에서 사용할 수 있습니다.

Tip: : link 셀렉터를 사용하여 방문하지 않은 페이지에 대한 링크 스타일을 지정하고
:visited 셀렉터를 사용하여 방문한 페이지에 대한 링크 스타일을 지정하고
:hover 셀렉터를 사용하여 링크에 마우스 오버 시 링크 스타일을 지정합니다.

Note: :active가 유효하려면, CSS 정의에서 :hover (있는 경우) 뒤에 와야 합니다!

:active {
  css declarations;
}

클릭 할 때, <p>, <h1> 및 <a> 요소를 선택하고 스타일을 지정하십시오.

Welcome to My Homepage

Links:

Here are my favorite websites:

Note:Click on the paragraph, headers, and links to see what is getting a style.

Note:In IE7, this example will only work on links.