태그 링크 css가 작동합니까?

Question

우선이 질문이 진짜입니다! 그래서 나는 링크를위한 클래스를 만들고 모든 태그에 CSS를 적용하지 않고이 클래스의 CSS 코드를 만들었지 만 작동하지 않습니다. 내 코드의 지점이 클래스는 태그에 사용되는 같은 클래스 redlink을하는 것입니다 해두 있도록

.redlink 
{ 
color: red; 
font-family: 'Finger Paint', cursive; 
} 

.redlink.a.link 
{ 
text-decoration: none; 
color: red; 
font-family: 'Finger Paint', cursive; 
} 

.redlink.a.hover 
{ 
text-decoration: none; 
color: orange; 
font-family: 'Finger Paint', cursive; 
} 

.redlink.a.visited 
{ 
text-decoration: none; 
color: red; 
font-family: 'Finger Paint', cursive; 
} 

.redlink.a.active 
{ 
text-decoration: none; 
color: red; 
font-family: 'Finger Paint', cursive; 
} 

.redlink.a. 
{ 
text-decoration: none; 
color: red; 
font-family: 'Finger Paint', cursive; 
} 

이 내가 한 달 전에 CSS 배운 내가이 atempting있어 처음이다. 내가 바보 같은 실수를하면 미안해. 기본적으로 코드는 기본 .redlink 클래스와 별개로 작동하지 않습니다. 다음은 html입니다.

<a href="#" class="redlink">I should light up orange!</a> 

감사합니다. 모든 클래스에 기본 태그 클래스에 대해 한 번 쓸 수는 충분히 가족 -

Answer 1

.이 자신의 클래스 CSS에서 사용하여 시도 할 수 있습니다 :

.redlink 
{ 
color: red; 
font-family: 'Finger Paint', cursive; 
} 

하지만 부분은 그것이 잘못 .behind 추가 시작할 때.

빨간색으로 표시하고 싶지만 사이트의 일부 링크를 표시하지 않으려면 다음을 수행하십시오.

.redlink a:link, .redlink a:visited, .redlink a:active 
{ 
    text-decoration: none; 
    color: red; 
    font-family: 'Finger Paint', cursive; 
} 

.redlink a:hover 
{ 
    text-decoration: none; 
    color: orange; 
    font-family: 'Finger Paint', cursive; 
} 

당신이 HTML이 있다면 : 당신은 단지 특정 하나 개의 링크를 원하는 경우

<div class="redlink"> 
every <a href="">link</a> in this area will be red 
</div> 

을 Somwya에서 답을 사용합니다.

Answer 2

당신은 또한 당신이 글꼴을 쓸 필요가 없습니다이

a.redlink 
{ 
color: red; 
font-family: 'Finger Paint', cursive; 
} 
a.redlink:hover 
{ 
text-decoration: none; 
color: orange; 
} 
a.redlink:active 
{ 
text-decoration: none; 
color: red; 
} 

DEMO

같이 작성해야합니다.

Answer 3

당신은 당신이 여기처럼이

.redlink:hover