이전 목록 다음
채택완료

CSS 스타일 지정(Inline Styles) 하는 방식

<style>

a:link, a:visited, a:active { text-decoration:none; color:#466C8A; }
a:hover { text-decoration:underline; color:#FF0000;}

</style>

<a href="http://a.co.kr">A바로가기</a>

<a href="http://b.co.kr">B바로가기</a>

<a href="http://c.co.kr">C바로가기</a>

=====================================================

상기 형식을 아래와 같이 B바로가기만 폰트색상을 달리하고자 합니다.

HTML태그내에 스타일 지정(Inline Styles) 하는 방식 또는 다른방법좀 부탁합니다.

<a href="http://b.co.krstyle="링크시 색, 방문시 색, 마우스오버시 색" >B바로가기</a> 

답변 2개 / 댓글 2개

채택된 답변
+20 포인트
2014-11-27 (목) 11:08:41

<style>

a:link, a:visited, a:active { text-decoration:none; color:#466C8A; }
a:hover { text-decoration:underline; color:#FF0000;}

.blink a:link, ​.blink a:visited, ​.blink a:active { text-decoration:none; color:#​0000ff; }
​.blink a:hover { text-decoration:underline; color:#0000ff;} 

</style>

<a href="http://a.co.kr">A바로가기</a>

<a href="http://b.co.kr" class='blink '>B바로가기</a>

<a href="http://c.co.kr">C바로가기</a>

또는 

<span><a href="http://a.co.kr">A바로가기</a></span>

<span class='blink'><a href="http://b.co.kr">B바로가기</a></span>

<span><a href="http://c.co.kr">C바로가기</a></span>

답변에 대한 댓글 2개

제로나라님 답변 감사합니다.
그런데 class='blink' 가 적용이 되지 않네요.
.blink a { text-decoration:none; color:#​0000ff; }
​.blink a:hover { text-decoration:underline; color:#0000ff;}
이 형식으로 하니 적용이 됩니다. 감사합니다.
2014-11-27 (목) 14:11:55

<style>

a:link, a:visited, a:active { text-decoration:none; color:#466C8A; }
a:hover { text-decoration:underline; color:#FF0000;}

a.blink:link, ​a.blink:visited, a​.blink:active { text-decoration:none; color:#​0000ff; }
a​.blink:hover { text-decoration:underline; color:#0000ff;} 

</style>

로 바꿔주세요 ㅎ

답변을 작성하려면 로그인이 필요합니다.