카테고리 없음

CSS 링크

znoflo 2007. 1. 28. 22:11

CSS 만으로 구현하는 롤오버 이미지

와 사이에 아래의 구문을 삽입합니다.



그리고   의 적당한 위치에 아래의 형식을 응용하여 이미지를 삽입하면 됩니다.




흠..오데서 알은 사실입니다...
css에도 순서가 있다는거...첨에 보고 놀랬 0.0
여하튼 순서는 아래에 있는것부터 적용이 된다는군요...

예)

A.faq:link {FONT-SIZE:10pt;COLOR:#D41115; TEXT-DECORATION:none;font-weight:bold}
A.faq:active {FONT-SIZE:10pt;COLOR:#D41115; TEXT-DECORATION:none;font-weight:bold}
A.faq:visited {FONT-SIZE:10pt;COLOR:#FFFFFF; TEXT-DECORATION:none;font-weight:bold}
A.faq:hover {FONT-SIZE:10pt;COLOR:#D41115; TEXT-DECORATION:none;font-weight:bold}

A.faq:link {FONT-SIZE:10pt;COLOR:#D41115; TEXT-DECORATION:none;font-weight:bold}
A.faq:active {FONT-SIZE:10pt;COLOR:#D41115; TEXT-DECORATION:none;font-weight:bold}
A.faq:hover {FONT-SIZE:10pt;COLOR:#D41115; TEXT-DECORATION:none;font-weight:bold}
A.faq:visited {FONT-SIZE:10pt;COLOR:#FFFFFF; TEXT-DECORATION:none;font-weight:bold}

위에서 방문후가 먼저고 아래는 오버됐을때가 먼저입니다...보기에는 똑같이 보이지만..
위에는 방문뒤 다시 돌아오면 오버됐을때의 속성들이 먹지만...아래건 다시 돌아와도 오버됐을때의 속성이
먹히지 않습니다.


결론은 css 우선순위는 마지막라인이 우선입니다. 라고 오데 게시판에 있더군요..
참고하시길..