:last-child最後の子要素にスタイルを適用する
:last-child 疑似クラスは、親要素内で、指定した要素が最後の子要素であるときにスタイルを適用します。
:last-childのサンプルソース
div p:last-child { margin: 0; padding: 0; }
/* :first-child 疑似クラスと同時に指定することで、最初かつ最後の要素を選択できます。 子要素の数が変動する場合などに有用です */ div p:first-child:last-child { margin: 0; padding: 0; }
主要ブラウザの対応
IE11 | ○ |
---|---|
Edge(EdgeHTML) | ○ |
Edge(Chromium) | ○ |
Chrome | ○ |
Firefox | ○ |
Safari | ○ |
iOS Safari | ○ |
Android Chrome | ○ |