* 잡동사니

문서의 특정한 부위에만 링크 스타일시트(css)를 다르게 적용하려면?

MindUp 2008. 5. 30. 09:36
a.net:link { color: #000000 ; text-decoration: none ;}
a.net:visited { color: #000000 ; text-decoration: none ;}
a.net:active { text-decoration: none;}
a.net:hover { color:red; text-decoration: none;}

a.ne:link { color: #000000; text-decoration: none;}
a.ne:visited { color: #000000;text-decoration: none;}
a.ne:active { text-decoration: none;}
a.ne:hover { color: blue ; text-decoration: underline;}

a.neti:link { color: #FFFFFF; text-decoration: none;}
a.neti:visited { color: #FFFFFF;text-decoration: none;}
a.neti:active { text-decoration: none;}
a.neti:hover { color: red ; text-decoration: none;}

위와 같은 식으로 class 를 쓰고,

[a href="사이트 주소" class=net>링크1[/a> <--net 부분의 스타일시트가 적용되고,
[a href="사이트 주소" class=ne>링크2[/a> <--ne 부분의 스타일시트가 적용되고,
[a href="사이트 주소" class=neti>링크3[/a> <--neti 부분의 스타일시트가 적용됩니다.