생활
a링크를 한페이지 내에서 다르게 설정할 수 있을까요?
<style type="text/css">
#test a:link {
text-decoration: none;
color: blue;
font-size: 1.2em;
}
#test a:visited {
text-decoration: none;
color: blue;
font-size: 1.2em;
}
#test a:hover {
text-decoration: underline;
color: red;
font-size: 1.2em;
}
#test a:active {
text-decoration: none;
color: red;
font-size: 1.2em;
}
#test2 a:link {
text-decoration: none;
color: blue;
font-size: 1.2em;
}
#test2 a:visited {
text-decoration: none;
color: blue;
font-size: 1.2em;
}
#test2 a:hover {
text-decoration: underline;
color: red;
font-size: 1.2em;
}
#test2 a:active {
text-decoration: none;
color: red;
font-size: 1.2em;
}
</style>
<div id="test">
<a href="">테스트</a>
</div>
<div id="tes2t">
<a href="">다르게</a>
</div>
이런식으로 다르게 줄 수 있는건가요?
직접 작성해보니 잘 안되는거 같아서요..
어떻게 해결해야 할까요?