다른 클래스를 오버라이드하지 않는 사용자 정의 클래스

Question

나는 CSS 전문가가 아니기 때문에 여기서는 간단한 것을 이해하지 못 할 것입니다.

나는 유지하고있는 사이트가 있습니다. 대부분의 사이트는 어두운 배경에 흰색 텍스트가 있습니다. 나는 두 페이지를 흰색 바탕에 검정 텍스트로 바꿔달라고 요청 받았다.

내가 CSS에 .blog라는 이름의 클래스를 생성, 그것은 다음과 같습니다

가 이전 파일의

.blog{ 
color:rgb(0,0,0); 
background-color:rgb(255,255,255); 
} 
.blog h1,h2,h3,h4,h5,h6 
{ 
color:rgb(0,0,0); 
} 
.blog a:link,a:visited,a:hover 
{ 
color:rgb(0,0,0); 
} 

이 있습니다 :

body,a,.white{color:#fff;} 

나는 페이지의 덩어리에서 포장 텍스트와 배경은 바뀌지 만 링크와 헤드 라인은 흰색으로 남아 있습니다 (따라서 흰색 페이지에는 보이지 않습니다).

Firebug를 사용하여 확인하면 헤드 라인 또는 링크 요소를 선택할 때를 포함하여 내 블로그 클래스가 적용된 것으로 표시됩니다. 물론 그렇지 않습니다.

누구나 이유를 제안 할 수 있습니까? 아니면 내가 가장 가능성있는 해결책을 찾아야 할지도 모르겠다.

Answer 1

요소 앞에 어떤 클래스를 추가하여 어떤 항목을 선택해야하는지 지정해야합니다.

따라서

.blog h1,h2,h3,h4,h5,h6 
{ 
color:rgb(0,0,0); 
} 

등등

.blog h1, .blog h2, .blog h3, .blog h4, .blog h5, .blog h6 { 
color:rgb(0,0,0); 
} 

되어야한다.

Answer 2

언제든지 !important을 클래스 끝에 추가 할 수 있습니다. 예를 들어

:

background-color:rgb(255,255,255) !important; 

이것은 예를 들어 블로그 클래스의 background-color 스타일링 이상 - 어떤 요소보다 우선합니다. 당신이 스스로 상반되는 문제를 일으킬 수 있기 때문에이 모든 것을 사용하는 것은 권하지 않지만, 이런 경우에는 거기에있다.

분명히 한 발을내어 문제를 해결했는지 확인하십시오. 그러면 다른 스타일이 스타일을 무시하고 있거나, 클래스 스타일이 올바르게 게시되지 않은 것 같습니다.