둘 이상의 링크 호버 색상을 원합니다.

Question

내 웹 사이트에는 두 세트의 링크가 있지만 링크 위로 가져 가면 각 링크 세트가 다른 색상으로 나타나기를 바랍니다. 지금까지는 사이트의 모든 링크에 대해 하나의 색상 만 사용할 수 있습니다! 누구든지이 문제에 대한 해결책을 알고 있습니까?

Answer 1

다른 색상을 원할 때 class 링크를 사용하십시오.

jsFiddle

HTML

<a href="#">First link</a> 
<a href="#" class="alt">Second link</a> 

CSS

a:hover { 
    color: red; 
} 

a.alt:hover { 
    color: gray; 
} 

Answer 2

, 링크 class="class1" 한 세트 보내기 다른 class="class2"을 제공합니다. 그런 다음 CSS에 다음을 포함 할 수 있습니다.

a.class1:hover { 
    color: red; 
} 

a.class2:hover { 
    color: blue; 
}