====== CSS :active Selector ====== * description : %%CSS :active%% Selector * author : 오션 * email : shlim@repia.com * lastupdate : 2021-07-01 \\ =====The source of this article==== [[https://www.w3schools.com/cssref/sel_active.asp|CSS :active Selector]]\\ ====Example==== 활성 링크를 선택하고, 스타일을 지정합니다.\\ \\ w3schools.com wikipedia.org

Note: The :active selector styles the active link.

 =====Definition and Usage===== ''%%:active%%'' 선택자는 활성 링크를 선택하고 스타일을 지정하는 데 사용됩니다.\\ \\ 링크를 클릭하면 활성화됩니다.\\ \\ **Tip:** %%:active%% 선택자는 링크 뿐만 아니라 모든 요소에서 사용할 수 있습니다.\\ \\ **Tip:** link 선택자를 사용하여 방문하지 않은 페이지에 대한 링크 스타일을 지정하고\\ %%:visited%% 선택자를 사용하여 방문한 페이지에 대한 링크 스타일을 지정하고\\ %%:hover%% 선택자를 사용하여 마우스를 올렸을 때의 링크에 대한 스타일을 설정합니다\\ \\ %%Note:%% active가 유효하려면 %%CSS%% 정의에서 %%:hover%% (있는 경우) 뒤에 와야 합니다!\\ =====Syntax===== :active { css declarations; =====More Examples===== ====Example==== 클릭할 때 %%

,

%% 및 %%%% 요소를 선택하고 스타일을 지정합니다.\\

Welcome to My Homepage

My name is Donald

I live in Duckburg

My best friend is Mickey

Links:

Here are my favorite websites:

w3schools.com disney.com naver.com

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.

 ====Example==== 방문하지 않은 링크, 방문한 링크, 마우스 오버 링크 및 활성 링크를 선택하고 스타일을 지정합니다.\\

Mouse over and click the link: w3schools.com

 ====Example==== 링크를 다양한 스타일로 설정합니다.\\

Mouse over the links to see them change layout.

This link changes color

This link changes font-size

This link changes background-color

This link changes font-family

This link changes text-decoration

 {{tag>오션, CSS :active Selecltor,}}