W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <head> <style> p:last-child { background-color: yellow; } li:last-child { background-color: yellow; } </style> </head> <body> <h1>:last-child 伪类演示</h1> <p>第一个段落。</p> <p>第二个段落。</p> <p>第三个段落。</p> <p>第四个段落（最后一个子元素）。</p> <div> <p>div 中的第一个段落。</p> <p>div 中的第二个段落。</p> <p>div 中的第三个段落。</p> <p>div 中的第四个段落（最后一个子元素）。</p> </div> <ul> <li>第一个列表项</li> <li>第二个列表项</li> <li>第三个列表项（最后一个子元素）</li> </ul> </body> </html>