css :last-child介绍
css :last-child选择器用于选择或匹配父元素的最后一个子元素
语法：
element:last-child { style_properties }
说明：
匹配父元素的最后一个子元素element。
- 要使该属性生效，element元素必须是某个元素的子元素，element的父元素最高是body，即E可以是body的子元素
- element:last-child选择符，element必须是它的兄弟元素中的最后一个元素，换言之，element必须是父元素的最后一个子元素。与之类似的伪类还有element:first-child，只不过情况正好相反，需要它是第一个子元素。
css :last-child实例
设置父元素中最后一个p元素的背景色：
<!DOCTYPE html>
<html>
<head>
< >码农教程教程(www.manongjc.com)</ >
<style>
p:last-child
{
background:#ff0000;
}
</style>
</head>
<body>
<p>The first paragraph.</p>
<p>The second paragraph.</p>
<p>The third paragraph.</p>
<p>The fourth paragraph.</p>
</body>
</html>
提示: p:last-child等同于p:nth-last-child(1)。
继续阅读与本文标签相同的文章
上一篇 :
php使用glob函数遍历文件和目录
-
手机信号突然从“4G”变成“E”，是什么意思？客服给出答案
2026-05-14栏目： 教程
-
互联网架起“乌镇式生活”
2026-05-14栏目： 教程
-
微信才是内存“杀手”，别再乱清理，关闭这个功能，手机立马流畅
2026-05-14栏目： 教程
-
手机信号变成E是什么意思？看完专业人士给出的解释后，涨知识了
2026-05-14栏目： 教程
-
关于Word的四个隐藏办公小技巧，你可能一个也不知道，建议收藏！
2026-05-14栏目： 教程