「CSS」:last-childで最後の子要素にスタイルを適用する
環境
Google Chrome 104.0.5112.102
構文
要素:last-child {スタイルコード}
一番最後の子要素にスタイルを適用します。
使用例
<!DOCTYPE html> <html> <head> <style> ul.cft li:last-child { background-color:green; } </style> </head> <body> <ul class="cft"> <li>東京</li> <li>大阪</li> <li>福岡</li> </ul> </body> </html>
結果 「福岡」要素の背景色を緑にします。