トップページの中の セレクタの中の :last-child疑似クラス (E:last-child)

:last-child疑似クラス (E:last-child)

  • 最終更新:2009年7月 7日 13:16

CSS3で定義された:last-child疑似クラスは、ある要素内で最後に書かれている子要素にスタイルが適用されます。リストの場合ul要素内の最後のli要素に適用されるといった具合です。
ちなみに、CSS3で定義された疑似クラスの、:nth-last-child(1)と同じ扱いになります。

この疑似クラスは後から数えるだけで、:first-child疑似クラスと同じです。
同じですが、定義されたのがCSS3のため、IE8までは対応していません。

サンプル付きの説明に関しては、最初を最後に脳内変換して「:first-child疑似クラス」を参照してください。

対応ブラウザ
  • IE6未対応
  • IE7未対応
  • IE8未対応
  • Firefox3.5対応
  • Opera10対応
  • Safari4対応
  • Chrome3対応
  • CSS HappyLife
  • underHat
著書(全て共著)

このページの上部へ