하위 div의 CSS 스타일 덮어 쓰기

Question

CSS를 사용하여 텍스트 스타일을 제공하는 슬라이드 쇼 배너가 있습니다. 방금 배너 중 하나의 스타일을 변경하고이를 무시할 수 없었습니다. 이

<div id="banner" class="clearfix"> 
     <div id="cycle_nav"></div> 

     <div class="slide"> 
      <img src="<?php echo site_url(); ?>image/banner1.jpg" /> 
      <div class="banner-text-right"> 
       <h3>#ITExt is here</h3> 
       <p> movement.</p> 
       <a href="/text" class="red-button">Learn More</a> 
      </div> 
     </div> --> 
     <!--<div class="slide"> 
      <img src="<?php echo site_url(); ?>image/banner2.jpg" /> 
      <div id="banner-text3"> 
       <h3>heading</h3> 
       <p>paragraph</p> 
       <a href="/take_action" class="red-button">Send Notes</a> 
      </div> 
     </div>--> 
     <div class="slide"> 
      <img src="<?php echo site_url(); ?>image/banner3.jpg" /> 
      <div id="banner-text"> 
       <h3>INTRODUCING New</h3> // I WANT THIS BLACK 
       <p>Help</p>    // I WANT THIS BLACK 
       <a href="/link" class="red-button" Now</a> 
      </div> 
     </div> 

     </div> 

CSS는 파트 그래서 흰색 텍스트를주고이

#banner h3{ 
    text-align:left; 
    font-family: 'HelveticaNeueLTCom-BdCn'; 
    font-size:64px; 
    color:#fff; 
    padding-top:86px; 
} 


#banner p{ 
    text-align:left; 
    font-family: 'Georgia'; 
    font-size:24px; 
    color:#fff; 
    line-height:30px; 
} 

처럼 보이지만 난 그냥 마지막 배너 텍스트를 변경하고 제목과 prargraph 검은 색을 만들고 싶어 싶어 것처럼 HTML 부분이 보인다. 그래서 새 div ID를 만들고 CSS 속성을 추가했지만 변경되지 않았습니다. 도와주세요.

Answer 1

과 같이 아이 선택기를 사용해보십시오 : 또한

#banner > .slide > #banner-text > h3 { 
color:#000; 
} 

#banner > .slide > #banner-text > p { 
color:#000; 
} 

, 당신이 활용하여 추가 ID의 및 클래스를 추가하지 않고 무엇을하려고 달성 할 수있다 : 마지막 자식 psuedo 클래스. 예를 들어

:

#banner > .slide:last-child > h3 { 
    color:#000; 
} 
#banner > .slide:last-child > p { 
    color:#000; 
} 

Answer 2

가장 간단한 방법 :

#banner .black { 
    color: #000 
} 

<h3 class="black">...</h3>