마지막 자식을 타겟팅하는 방법

Question

내 3divs에서 마지막 p 태그를 대상으로 할 수 없습니다. p 태그의 last-child의 경계를 제거하고 싶습니다. 어떻게 내가 잘못 여기서 뭐하는 거지 :

 <div class="box"> 
     <div class="span4"> 
      <p>Some text.</p> 
     </div> 
     <div class="span4"> 
      <p>Some text.</p> 
     </div> 
     <div class="span4"> 
      <p>Some text.</p> 
     </div> 
     </div>  


.span4 { 
    width: 320px; 
    p { 
     font-size: 1.2em; 
     padding: 0 40px; 
     border-right: 1px #dfdfdf solid; 
    } 
    &:last-child { 
     border: none; 
    } 
} 

Answer 1

이 솔루션을 발견. div의 단일 p 태그를 대상으로하고 싶기 때문에 솔루션은 다음과 같습니다.

  .span4:last-child p{ 
       border-right: none; 
      } 

Answer 2

당신은 의사 선택으로 p 태그를 선택해야합니다

.span4 { 
    width: 320px; 
    p { 
     font-size: 1.2em; 
     padding: 0 40px; 
     border-right: 1px #dfdfdf solid; 
     &:last-child { 
      border: none; 
     } 
    } 
}