/* 가상 클래스 */
a:link { color: blue; text-decoration: underline; }
a:visited { color: red; }
a:hover { text-decoration: overline; }
a:active { background-color: yellow; }
div.d1 { border: 1px dashed red; width: 400px; padding: 5px;}
/* 가상 클래스 */
div.d1:hover { background-color: lightyellow; }
div.d2 { border: 1px dashed green; width: 400px; padding: 5px; }
/*가상 클래스 */
div.d2:hover { background-color: yellowgreen; }
Pseudo Class
W3C 링크 : 마우스를 올리면 바뀝니다.
d1의 가상pseudo 클래스 테스트
마우스를 이 박스 위로 옮겨보세요.
d2의 가상pseudo 클래스 테스트
마우스를 이 박스 위로 옮겨보세요.