링크에 다양한 색상 넣기

일반적으로 링크를 걸 경우 하나의 CSS가 적용되는데 아래와 같이 "a.name" 이런식으로 적용하면 링크에도 다양한 css를 적용할 수 있습니다.

css

a {
  font-size: 30px;
}
a.red:link { 
  color:#000000; 
  text-decoration: none 
}
a.red:visited { 
  color:#000000; 
  text-decoration: none 
}
a.red:active { 
  color:#000000; 
  text-decoration: none 
}
a.red:hover { 
  color:#FE0303; 
  text-decoration: underline 
}

html

<a href="#" class="red">텍스트</a>

See the Pen 링크에 다양한 색상 넣기 by younghyeong ryu (@wangta69) on CodePen.