如何定位最後一個子女

Question

似乎無法定位我的3分鐘內的最後一個p-tag。我想刪除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-tag，所以解決方案如下：

  .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; 
     } 
    } 
}