CSS - 클래스가 다르지만 링크 색상이 변경되지 않습니다.

Question

두 종류의 링크가 있습니다. 하나는 흰색이어야하고 다른 링크는 검은 색이어야합니다. 그러므로 나는 최초의 네비게이션 내가 지금했던 CSS에서

<nav class="navigation"> 
     <a href="#about" onclick="openAbout()" class="nav">Über mich</a> 
</nav> 

에 클래스를 추가이

지금은 흰색

<b>Source Code runterladen:</b> <a href="http://theo-tzaferis.de/projectCode/assmash.zip" class="sourceCode">Link</a> 

에 검은 색으로 표시되지해야 다른 링크가

.navigation 
{ 
    float:right; 
    margin-top:15pt; 

} 

.navigation a, a:visited, a:active{ 
    color:white; 
    text-decoration:none; 
    margin-left:20px; 
} 

.navigation a:hover 
{ 
    color:white; 
    text-decoration:underline; 
    text-decoration-color: red; 
    margin-left:20px; 
} 

이 링크 는 내비게이션 태그 안에이 아닙니다. 그래서 나는 CSS에서 이것을했다.

.sourceCode a, .sourceCode a:hover, .sourceCode a:visited, .sourceCode a:active 
{ 
    color:black; 
} 

그러나 문제는 양쪽 링크가 모두 흰색이거나 검은 색이라는 것이다. 나는 그것들을 다르게하고 싶지만 그것이 효과가 없기 때문에 나는 왜 그런지 정말로 모른다.

다음은 완전한 소스 코드를 헤더에있는 링크 흰색 것으로

http://jsfiddle.net/bVN9X/

참고하지만 아래에 있어야한다 또한 링크는 "Projekte는"도 흰색입니다. 나는 이유를 정말로 모른다.

Answer 1

당신의 선택은이 방법으로 정의해야합니다 : 당신이 지금 가지고있는 방법, 그것은 sourceCode 클래스 뭔가 내부 a 태그를 찾고 있기 때문에

a.sourceCode 

. 아래 그림과 같이

Answer 2

당신은 당신이 CSS를 변경해야합니다 : 잘했다

a.sourceCode, a.sourceCode:hover, a.sourceCode:visited, a.sourceCode:active 
{ 
    color:black; 
}