계단식 클래스 및 ID 내의 특정 클래스를 대상으로 지정하는 방법

Question

수정해야 할 때 특정 영역의 페이지 스타일을 지정할 수 있도록 계단식 ids 및 클래스 내에서 클래스를 대상 지정하는 방법에 대한 규칙을 찾으려고합니다. 소지품. 특히 WordPress의 하위 테마.

나는 잠시 동안 검색을했고, 지금까지는 결과가 특정 상황에 대한 구체적인 정보를 제공합니다. 나는 HTML을 읽고 특정 클래스를 스타일링하는 데 도움이되는 일반적인 것을 좋아합니다.

예를 들어이 HTML에 있습니다.

<div class="one-third"> 
    <div id="nav_menu-4" class="widget widget_nav_menu"> 
    <h1 class="title"> 
     <cufon class="cufon cufon-canvas" alt="About " style="width: 72px; height: 24.05px;"> 
     <canvas width="91" height="27" style="width: 91px; height: 27px; top: -2px; left: -1px;"></canvas> 
     <cufontext>About </cufontext> 
     </cufon> 
     <cufon class="cufon cufon-canvas" alt="us" style="width: 27px; height: 24.05px;"> 
    </h1> 
    <div class="menu-about-us-container"> 
    </div> 
</div> 

사이드 바 내에있을 때 H1 Title의 글꼴을 변경하려고합니다. 나는 이것을 시도했지만 작동하지 않았다.

.one-third .title { 
    font-family: Impact; 
} 

특정 선택자가 특정 클래스를 타겟팅하도록하는 규칙/공식은 무엇입니까?

감사

Answer 1

의사 클래스 전에 선택를 사용해보십시오, 참조 : CSS 구문에

http://www.w3schools.com/css/css_pseudo_classes.asp

이

Answer 2

당신이 H1 태그를 .one-third h1.title {font-family: Impact;}