選擇TR系列的每個最後一個元素

Question

首先，我有過的標記沒有控制，我只是造型這一點。

我有一系列行的表，某些行有連續順序的類。我已經能夠選擇該系列的第一個元素，但無法選擇最後一個元素。

任何想法？

下面是一個例子：

<table> 
    <tr class="parent"> 
     <td></td> 
    </tr> 
    <tr class="parent"> 
     <td></td> 
    </tr> 
    <tr class="child"> 
     <td></td> 
    </tr> 
    <tr class="child"> 
     <td></td> 
    </tr> 
    <tr class="parent"> 
     <td></td> 
    </tr> 
    <tr class="child"> 
     <td></td> 
    </tr> 
    <tr class="child"> 
     <td></td> 
    </tr> 
    <tr class="child"> 
     <td></td> 
    </tr> 
    <tr class="parent"> 
     <td></td> 
    </tr> 
</table> 

的CSS我具有用於選擇每個子序列的第一元素是：

table tr.parent + tr.child 

我不能使用jQuery !!!!這必須是純粹的CSS！

Answer 1

使用：最後一子選擇。例如：

table tr:last-child 

這將選擇每Tr這是在它的父的最後一個元素;在這種情況下，表中的最後一個tr。更多關於它：https://developer.mozilla.org/en-US/docs/CSS/:last-child

的+是相鄰子選擇器，並在你的例子將選擇具有tr.parent，因爲它之前立即同級任何tr.parent。更多關於它：https://developer.mozilla.org/en-US/docs/CSS/Adjacent_sibling_selectors

Answer 2

您可以使用CSS選擇器3，如果你的瀏覽器支持（請參閱http://caniuse.com/#feat=css-sel3）

每W3C docs，你可以使用類似：

tr.parent:last-of-type