하나의 요소에 대해서만 모든 요소에 적용되는 링크 스타일은 무엇입니까?

Question

this 페이지의 링크 (및 다른 모든 데모는 최상이지만 데모하기 가장 좋은 링크)가 모든 페이지에서 링크 스타일을 공유하는 이유는 무엇입니까? 이 포트폴리오를 클릭하여 데모하려면 다시 돌아가십시오. 링크 텍스트가 흰색으로 바뀌는 것을 볼 수 있습니다. 페이지 하단의 "message"요소 (파란색 모서리가 파란색)에 대해서만 사용해야합니다.

이 내 CSS

.message { 
background-color:#54a0d9; 
border:1px solid #54a0d9; 
color:#fff; 
} 

.message h2 { 
font-size:22px; 
color:#fff; 
} 

.message a:link, a:visited, a:hover, a:active { 
color:#fff; } 

과 HTML 메시지 요소의 자식이 아닌 요소 내부 정상적인 링크 (입니다. 확실히 그

에만 메시지 요소에 적용해야합니까?

내가 ... 지금까지 NOUT이 원인이 있지만, 무슨에 대한 몇 가지 연구를 한 쉼표로 선택기를 분리

Answer 1

별도로 완전히 고려하는 것을 의미한다 . 그래서 여기 :

.message a:link, a:visited 

수단

는 "메시지"클래스, 또한 a:visited s의와 요소의 내부 a:link의이 스타일을 적용합니다. 후자 은 클래스 메시지의 요소 안에있을 필요는 없습니다. 쉼표로 구분 된 각 용어 앞에 .message을 붙이면됩니다.