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>
이런식으로 다르게 줄 수 있는건가요?
직접 작성해보니 잘 안되는거 같아서요..
어떻게 해결해야 할까요?
"tes2t -> test2 등록하면서 오타입니다 ㅠ 실제로는 제대로 바꿨는데 적용이 안되는듯 합니다."
>> 실행하시는 환경이 어떤 환경인지 모르겠습니다만.
이러한 경우 캐시나 다른 환경설정이 초기화되지않아서일 확률이 매우 높습니다.
사용하시는 브라우저에 옵션에서 "캐시" 등 데이터를 모두 삭제하신 후에 다시 실행해보심이 좋습니다.
참고로 대부분의 브라우저는
Ctrl + Shift + R 혹은
Ctrl + F5 를 누르시면 캐시데이터 삭제하고 페이지 전체 다시 렌더링합니다.
추가적으로 CSS Selecter 에 대한 개념을 조금 더 알아보심이 좋아보입니다.
간단한 링크 몇개 전달드리니 공부하실때 참조하시면 좋을듯합니다^^
https://www.w3schools.com/cssref/css_selectors.asp
https://code.tutsplus.com/ko/tutorials/the-30-css-selectors-you-must-memorize--net-16048
- ... 중략 #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>
ID는 tes2t인데 스타일은 test2에 주셨네요. 단순 오타 문제인 듯 합니다.
