내 CSS 규칙이 부분적으로 작동합니다. 너 나 좀 도와 줄 수있어?

Question

이 메인 코드,

<div id="text-12" class="widget widget_text"> 
    <div class="heading"> 
     <h3> 
      title 
     </h3> 
    </div> 
    <div class="textwidget"> 
     text 
    </div> 
</div> 

그리고이 CSS 규칙을 추가,

#text-12 { 
    font-family: "courier new" !important; 
    direction: rtl; 
} 

는 불행하게도, 글꼴 - 가족는 클래스 textwidget 작동 내가 적용 할 수 없습니다 font-family to 제목 어떤 트릭이든 상관 없습니다. 뭐가 잘못 되었 니?

한 가지 더, 페이지 주소 : http://sciself.com/?page_id=4766 (오른쪽 사이드 바) 어쩌면 당신은 CSS 파일에서 나중에 H3의 글꼴 - 가족을 덮어

Answer 1

?

편집 : 모든 작업이 정상적으로 처리되었으므로 확실합니다.

<div id="text-12" class="widget widget_text"> 
<div class="heading"> 
    <h3> 
     Heading 
    </h3> 

</div> 
<div class="textwidget">Textwidget</div> 

주, 나는 (나를 위해) 쉽게 읽으려고 할 텍스트를 변경 한

Jsfiddle example

나는 당신의 페이지를 검사. 상위 CSS 파일을 재정의하기 위해보다 구체적인 몇 가지 규칙을 사용할 수 있습니다. 예를 들어,

#sidebar #text-12 .heading h3 { 
    font-family: "courier new" !important; 
} 

Answer 2

시도 그것은 작동합니다

.heading h3{ 
    font-family: "courier new" !important; 
} 

넣어 당신의 CSS를

#text-12 { 
font-family: "courier new" !important; 
direction: rtl; 
} 

#text-12 h3 { 
font-family: "courier new" !important; 
direction: rtl; 
} 

Answer 3

시도로이 추가.

Answer 4

아마도 h3가 기본적으로 굵게 표시되어 달라 보일 수 있습니다. font-weight 설정을 변경하여 찾고있는 글꼴인지 확인하십시오.

#text-12 h3 { 
font-family: "courier new"; 
font-weight: normal; 
direction: rtl; 
} 

일반적으로 나쁜 행동이므로! important -를 사용하지 않아도됩니다.