css ul li 的问题

来源:百度知道 编辑:UC知道 时间:2024/05/22 16:17:17
#content {
height:300px;
margin:10px auto;
}
#content ul {
list-style:none;
height:100%;
}
#content ul li {
width:150px;
height:100%;
background:#8AC7FA;
float:left;
}
#content ul li#li2 {
width:280px;
margin:0 10px;
}
#content ul li#li2 ul li {
width:270px;
height:140px;
margin:5px;
background:#0581F0;
}
谁能帮我解释一下#content ul 和 #content ul li和
#content ul li#li2 和#content ul li#li2 ul li 是什么意思,小弟刚开始学,不懂,麻烦各位了,谢谢

#content ul 和 #content ul li是定义的content这一层里的UL和LI,
#content ul li#li2 和#content ul li#li2 ul li意思是content这个层里的li下面又套了一个li2的层,li2这个层下面又有ul和li,
如:
<div id="content">
<ul>
<li>
<div id="li2">
<ul>
<li>abcdefghijklmn......</li>
</ul>
</div>
</li>
</ul>
</div>

<div id="content">
<ul>
<li id="li2"> -#content ul li#li2其中的li#li2是连着的可能id在li里
<ul>-#content ul li#li2 ul li
<li>aaa
</li>
</ul>
</li>
</ul>
</div>