CSS 스타일은 크롬 디버거에서 여러 번

Question

적용되는 :

element.style { 
} 

#title a:link,a:visited,a:hover,a:active { 
    color: #FF33CC; 
    text-decoration: none; 
} 

내가 요소 (제목) 이유를 알아 내려고 노력하고있어

nav a:link,a:visited,a:hover,a:active { 
    color: #000000; 
    text-decoration: none; 
} 

nav a:link,a:visited,a:hover,a:active { 
    color: #000000; 
    text-decoration: none; 
} 

#title a:link,a:visited,a:hover,a:active { 
    color: #FF33CC; 
    text-decoration: none; 
} 

#title a:link,a:visited,a:hover,a:active { 
    color: #FF33CC; 
    text-decoration: none; 
} 

(이 아래 모든 것이 통해 강타) 제대로 표시되지 않습니다. 이것은 HTML 본문의 모습입니다 :

<div id="title"> 
    <a href="link.html">link</a> 
</div> 

내가 그것을 통해 강타 때, 해당 스타일이 적용되지 않는 것으로 알고 있습니다. 내가 이해하지 못하는 것은 입니다. a) 왜 nav 스타일이 전혀 호출되지 않습니까? b) 링크의 제목 스타일이 여러 번 호출되는 이유는 무엇입니까? 그것은 처음에는 효과가있는 것으로 보이지만 두 번째로 충격을 받으면됩니까? (웹 사이트에서 요소는 현재 검은 색 텍스트로만 표시됩니다.)

미리 감사드립니다!

Answer 1

탐색 부모가 선택 도구의 첫 번째 부분에만 적용되기 때문에 스타일이 호출되고 있습니다. 기본적으로이 있습니다

nav a:link, 
a:visited, 
a:hover, 
a:active{ 

//style 

} 

당신이 정말로 원하는 것은 :

nav a:link, 
nav a:visited, 
nav a:hover, 
nav a:active{ 

//Style 

} 

같은 일이이 같은를 사용하려고하는 이유에 #title a:link, a:visited, a:hover, a:active

---

내 생각에 간다 CSS를 여러 번 사용하면 여러 위치에서 동일한 CSS를 사용할 수 있습니다. E.G. 당신은 두 번

을 확인하고 하나 개의 CSS 파일에 연결된 줄 번호를

확인을 CSS를 복제 중복 스타일

두 개의 CSS 파일을 가져 오기는 CSS를 가져 오기 중 하나

• 경우 그들은 (실제로는 똑같은 CSS를 두 번 사용한다는 의미입니다) 또는 다른 (여러 위치에서 동일한 CSS를 사용한다는 의미입니다). 그렇지 않으면 당신은 그냥 모든 링크를하지 스타일링하는,

  #title a:link, #title a:visited, #title a:hover, #title a:active { 
  color: #FF33CC; 
  text-decoration: none; 
  } 
  

  ID 태그는 각 쉼표 뒤에 표시한다 :

  #title a:link, a:visited, a:hover, a:active { 
  color: #FF33CC; 
  text-decoration: none; 
  } 
  

  하지만 당신이 필요로하는 것처럼 보이는 것은 :

Answer 2

, 당신은 #title id를 가진 것들.

희망 하시겠습니까?