순서대로 작성해야만 적용 됩니다
/*가상클랙스 링크 걸 경우*/
a{color:red;}
a:link{color:blue; text-decoration:none;} /*링크요소에 색상을 블루로 바꾸고 언더라인을 없애다*/
a:hover{color:yellow;} /*링크요소에 마우스를 갖다대면 노란색으로 바뀐다*/
a:visited{color:green;} /*링크요소에 방문한 사이트 폰트색이 녹색으로 바뀐다*/
a:active{color:aqua;}/*링크요소에 마우스로 누르고 있는 순간 폰트 색상이 바뀐다*/
a:focus{background-color:yellow;}/*탭키로 이동시 선택된 폰트에 색상이 바뀐다*/
/*가상클랙스 링크 걸 경우*/
a{color:red;}
a:link{color:blue; text-decoration:none;} /*링크요소에 색상을 블루로 바꾸고 언더라인을 없애다*/
a:hover{color:yellow;} /*링크요소에 마우스를 갖다대면 노란색으로 바뀐다*/
a:visited{color:green;} /*링크요소에 방문한 사이트 폰트색이 녹색으로 바뀐다*/
a:active{color:aqua;}/*링크요소에 마우스로 누르고 있는 순간 폰트 색상이 바뀐다*/
a:focus{background-color:yellow;}/*탭키로 이동시 선택된 폰트에 색상이 바뀐다*/
'CSS' 카테고리의 다른 글
scope (0) | 2012.02.03 |
---|---|
overflow:hidden; (0) | 2012.01.17 |
브라우저 호환성 검사를 위한 툴 (0) | 2011.10.20 |