<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>下划线样式</title>
<style type="text/css">
p>span {
text-decoration:underline;
}
</style>
</head>
</html>
<body>
<p><span>三年级时，我还是一个<a>胆小如鼠</a>的小</span>女孩。</p>
</body>
这个代码我用子选择器想让p标签内的子元素span生效但不让span内的a生效
意思就是让“三年级时，我还是一个 的小”实现下下划线的功能 但不让“胆小如鼠”出现下划线，但是代码出来的结果是“三年级时，我还是一个胆小如鼠的小“”都有下划线。这是为什么？
2016-09-19
用后代选择器的话，这种就可以随便玩啊，以后设计应该会用到这种基本思路的吧。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>表格边框</title>
<style type="text/css">
div>ul{
border:5px red solid;
width:150px;
line-height:2em;
padding:20px;
}
div>ul>li{border:4px solid yellow}
div>ul>li>ol{border:3px solid blue}
div>ul>li>ol>li{border:2px solid gray}
</style>
</head>
</html>
<body>
<div>
<ul>
<li>fruit
<ol>
<li>banana</li>
<li>apple</li>
</ol>
<li>vegetable</li>
</ul>
</div>
</body>
举报
