zoukankan      html  css  js  c++  java
  • :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>


     青春就应该这样绽放  游戏测试:三国时期谁是你最好的兄弟!!  你不得不信的星座秘密
    一点一滴,滴水穿石,坚持。。
  • 相关阅读:
    2014 非常好用的开源 Android 测试工具
    Android 开发最佳实践
    Java_综合案例DAO设计模式(重要)
    Java_Set接口
    Java_List
    Java_类集框架简介
    Java_对象序列化
    Java_打印流
    Java_IO编程
    Java_文件操作
  • 原文地址:https://www.cnblogs.com/myjavascript/p/3339307.html
Copyright © 2011-2022 走看看