hao_2468

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::

一直没试过,今天测试了一下,还不错。(好像下边的代码 在ie7中有效,在ie6中就看不出来效果了)

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>子选择器</title>
    <style type="text/css">
        ul.test_ul>li>a    /*只对子有效,对孙无效*/
        {
            text-decoration: none;
            color:yellow;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <ul class="test_ul">
            <li><a href="http://www.tt8484.com">www.tt8484.com</a>
                <ul>
                    <li><a href="http://www.tt8484.com">tt8484</a></li>
                    <li><a href="http://www.tt8484.com">778484</a></li>
                    <li><a href="http://www.tt8484.com">tt8484</a></li>
                    <li><a href="http://www.tt8484.com">778484</a></li>
                </ul>
            </li>
        </ul>
    </div>
    </form>
</body>
</html>

posted on 2010-06-22 16:56  hao_2468  阅读(461)  评论(0编辑  收藏  举报