: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>


 青春就应该这样绽放  游戏测试:三国时期谁是你最好的兄弟!!  你不得不信的星座秘密
posted @ 2013-07-23 19:48  秋天来了  阅读(266)  评论(0编辑  收藏  举报