css - :nth-child と :last-child の両方

Question

コード：

<table>
   <tr>
       <td></td>
       <td></td>
       <td></td>
       <td colspan="2"></td>    <==== Only this
   </tr>
   <tr>
       <td></td>
       <td></td>
       <td colspan="3"></td>
   </tr>
   <tr>
       <td></td>
       <td></td>
       <td></td>
       <td></td>
       <td></td>
   </tr>
</table>

4番目の「td」のみを選択したいのですが、それが最後の場合に限ります。これはできますか？

tr td:last-child:nth-child(4) { /* Some Style  */ }

Answer 1

はい、できます

tr td:last-child:nth-child(4) { background: red; }

Answer 2

このデモのように使用できます

tr td:nth-of-type(4):last-child {
    /*some code here*/
     }

または

tr td:nth-child(4):last-child {
    background-color: red;
     }

Answer 3

これを試して

$("tr").each(function(){
    if($(this).find("td:nth-child(4)").is(':last-child')) {
     $(this).find("td:nth-child(4)").css("color","red");   
    }
});

フィドル

Answer 4

それは不可能だと思います。それを機能させたい場合は、特定の要素classまたはid欲求td要素を追加できます。