css中的子选择器
2010-06-22 16:56
176 查看
一直没试过,今天测试了一下,还不错。(好像下边的代码 在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>
<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>
相关文章推荐
- CSS系列(8) CSS后代选择器和子选择器详解
- 几个必须掌握的css概念:重用、子选择器和组选择器
- CSS 子选择器 后代选择器
- CSS的子选择器与后代选择器的区别
- CSS的低权重原则—避免滥用子选择器
- css式样重用、子选择器和组选择器
- CSS的子选择器与后代选择器的区别
- CSS后代选择器,子选择器和相邻兄弟选择器
- CSS子选择器
- 几个必须掌握的css概念:重用、子选择器和组选择器
- CSS的子选择器与后代选择器的区别
- 几个必须掌握的css概念:重用、子选择器和组选择器
- CSS 子选择器(六)
- css 后代选择器与子选择器的区别
- 几个必须掌握的css概念:重用、子选择器和组选择器
- css种后代选择器和子选择器的区别
- CSS的子选择器与后代选择器的区别
- css式样重用、子选择器和组选择器
- 几个必须掌握的css概念:重用、子选择器和组选择器
- css后代选择器和子选择器的区别