首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

哪位高手能给个Css接口继承关系链

2012-03-12 
谁能给个Css接口继承关系链?如题[解决办法].nav {width:200pxheight:200pxborder:1px solid #ccc}.nav

谁能给个Css接口继承关系链?
如题

[解决办法]
.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>

热点排行