如题
------解决方案--------------------
.nav {width:200px;height:200px;border:1px solid #ccc;}
.nav h1 {font-size:14px;height:20px;line-height:20px;margin:1px;background:#ccc;}
.nav ul {list-style:none;margin:0;padding:0;}
.nav li {height:20px;line-height:20px;overflow:hidden;}
.n {width:400px;height:400px;border:1px solid #ccc;}
/*+++++++++++++++++++++++++++++++++++++*/
h1 ul li 都继承 .nav 的宽;
如果把下面div 的class= "n "那么其下的所有内容都没有样式式控制; 因.n下没有设置其h1 ul li的样式
/*+++++++++++++++++++++++++++++++++++++*/
<div class= "nav ">
<h1> 标题 </h1>
<ul>
<li> 第一个内容 </li>
<li> 第一个内容 </li>
<li> 第一个内容 </li>
<li> 第一个内容 </li>
</ul>
</div>