:last-child的诡异的问题!!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
p a:last-child{border:2px red solid;}
</style>
</head>
<body>
<p>
<a><span>20:30</span><ins>4D国语</ins><em>120</em><cite>在线选座</cite></a>
<a><span>20:30</span><ins>4D国语</ins><em>120</em><cite>在线选座</cite></a>
<a><span>20:30</span><ins>4D国语</ins><em>120</em><cite>在线选座</cite></a>
<a><span>20:30</span><ins>4D国语</ins><em>120</em><cite>在线选座</cite></a>
<a><span>20:30</span><ins>4D国语</ins><em>120</em><cite>在线选座</cite></a>
<a><span>20:30</span><ins>4D国语</ins><em>120</em><cite>在线选座</cite></a>
<a><span>20:30</span><ins>4D国语</ins><em>120</em><cite>在线选座</cite></a>
<a><span>20:30</span><ins>4D国语</ins><em>120</em><cite>在线选座</cite></a>
<a><span>20:30</span><ins>4D国语</ins><em>120</em><cite>在线选座</cite></a>
<a><span>20:30</span><ins>4D国语</ins><em>120</em><cite>在线选座</cite></a>
<i
id="showJ">显示更多场次</i>
<!--i
style="display: none;"
id="hideJ">收起</i-->
</p>
</body>
<script
src="jquery.js"></script>
<script>
$(function(){
// $("a").last().css('border','2px red solid');
//这种方式是可以选中的
})
</script>
</html>


一点一滴,滴水穿石,坚持。。
【推荐】博客园的心动:当一群程序员决定开源共建一个真诚相亲平台
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】Flutter适配HarmonyOS 5知识地图,实战解析+高频避坑指南
【推荐】开源 Linux 服务器运维管理面板 1Panel V2 版本正式发布
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步