링크 CSS를 h3 스타일로 덮어 씁니다.

Question

이미지를 표시 한 페이지에서 작업 중이며 하단에 특정 페이지에 대한 링크가 있습니다.

기본적으로 링크는 회색으로 표시되어 있지만이를 덮어 쓰고 텍스트에 h3 스타일을 지정하고 싶습니다. 여기

h3{ 
color: #a60000; 
font-size: 20px; 
font-weight: normal; 
font-style: normal; 
font-family: mpluslight; 
} 

a { 
color: #CCC; 
font-weight: normal; 
} 

를 HTML의 :

다음은 CSS의

<h3><a href="http://mydomain.gr/">Personal Training</a></h3> 

내가! '중요'하지만이 작동하지 않았다 할 H3 값을 변경하여 시도했다.

인라인 CSS 사용을 피하려고합니다. 가능하면 코드를 깨끗하게 유지하려고합니다.

아이디어가 있으십니까?

Answer 1

이 작업을 수행해야합니다

h3 a { color: #a60000; } 

... 또는 가능성이 :

h3 a { color: inherit; }