选中最后一个段落应使用p:last-of-type选择器,它能精准定位同类型元素中的末尾
标签,即使其后存在其他类型标签,如示例中“第三段”仍被正确选中并应用样式。

要选中最后一个段落,可以使用CSS的 :last-of-type 伪类选择器。这个选择器能匹配同类型元素中的最后一个。
选中最后一个段落(
标签)
如果你的段落是用
标签写的,可以直接这样写:
p:last-of-type {
color: red;
}
这段CSS会选中其父容器内最后一个
元素,并将文字颜色变为红色。
注意事项
确保理解以下几点,避免误选:
Zend_API 深入_PHP_内核
”扩展PHP“说起来容易做起来难。PHP已经进化成一个日趋成熟的源码包几十兆大小的工具。要骇客如此复杂的一个系统,不得不学习和思考。构建本章内容时,我们最终选择了“在实战中学习”的方式。这不是最科学也不是最专业的方式,但是此方式最有趣,也得出了最好的最终结果。下面的部分,你将先快速的学习到,如何获得最基本的扩展,且这些扩展立即就可运行。然后你将学习到 Zend 的高级 API 功能,这种方式将不得
392 查看详情
立即学习“前端免费学习笔记(深入)”;
:last-of-type 是按元素类型找最后一个,不是整个文档的最后一个段落。如果后面还有其他类型的标签(比如
),只要没有其他
,它仍会选中最末尾的那个
。 如果想选中某个容器里的最后一个子元素且它是段落,也可以结合 :last-child,但前提是它确实是最后一个子元素。 若只是想选中页面上唯一的或特定区域的最后一个
,推荐使用 p:last-of-type 更稳妥。
实际例子
第一段
第二段
第三段
用 p:last-of-type 会选中“第三段”,即使后面有个
。
基本上就这些,不复杂但容易忽略细节。
以上就是如何用css选择器选中最后一个段落的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1014936.html
微信扫一扫
支付宝扫一扫











































