備忘録

メモっぽく使う

:first-child, :last-child擬似クラスの説明

【前提知識】

下記htmlを例に使用します

<tr>
<td>:first-child is here</td>
<td>ここは無関係</td>
<td>:last-child is here</td>
</tr>

 

【本題】

・tr td:first-child

 →緑色の要素が指定される

 →兄弟要素の最初

 

・tr td:last-child

 →青色の要素が指定される

 →兄弟要素の最後

 

【感想】

まぁ上と下が指定されるんだなと思いました。