css中的子选择器

it2022-05-09  26

一直没试过,今天测试了一下,还不错。(好像下边的代码 在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>

转载于:https://www.cnblogs.com/n666/archive/2010/06/22/2190918.html


最新回复(0)