CSS - 目標的最後一個實例

Question

我有一個div結構，如下所示，我只想定位頁面上的最後一個.pcontain，因此我可以刪除邊框 - 右鍵 - 我該如何去做？

<div class="container"> 
    <div class="postcontainer"> 
     <div class="latest-posts"> 
      <div class="thumbnail"></div> 
      <div class="pcontain"></div> 
      <div class="more"></div> 
     </div> 
    </div> 
    <div class="postcontainer"> 
     <div class="latest-posts"> 
      <div class="thumbnail"></div> 
      <div class="pcontain"></div> 
      <div class="more"></div> 
     </div> 
    </div> 
    <div class="postcontainer"> 
     <div class="latest-posts"> 
      <div class="thumbnail"></div> 
      <div class="pcontain"></div> 
      <div class="more"></div> 
     </div> 
    </div> 
    <div class="postcontainer"> 
     <div class="latest-posts"> 
      <div class="thumbnail"></div> 
      <div class="pcontain"></div> 
      <div class="more"></div> 
     </div> 
    </div> 
</div> 

Answer 1

Working Fiddle

使用last child

.postcontainer:last-child .pcontain{ 
    background: black; 
    color: white; 
} 

Read more about last-child here

Answer 2

可以使用last-child僞類，如：

.postcontainer:last-child .pcontain { 
color: darkolive; 
} 

http://jsfiddle.net/ZZMZn/10/