<a href="google.com">google</a>
<a href="https://google.com">google</a>
<div>hover me</div>
<input value="focus"></input>
<button>active</button>
a:link {
    /*방문하지 않은 a 태그*/
    color:red;
}
a:visited {
    /*방문한 a 태그*/
    color:blue;
}
div:hover {
    /*커서가 올라가 있는 div 요소*/
    color:gold;
}
input:focus {
    /*포커싱 되어있는 input 태그*/
  /*tab 또는 click으로 input에 focus를 주면 확인할 수 있습니다.*/
    background-color:green;
}
button:active {
    /*활성화한 button 태그*/
    background-color:red;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.