全兼容的纯CSS级联菜单要点浅析(3)

<li class="li"><a href="#nogo" class="option">积分明细查询</a></li>
<li class="li"><a href="#nogo" class="option">积分兑换话费</a></li>
<li class="li"><a href="#nogo" class="option">积分兑换历史查询</a></li>
</ul>
</li>
<li class="li server">
<a href="#nogo" class="option"><span>在线客服</span></a>
<ul>
<li class="li"><a href="#nogo" class="option">号码归属地查询</a></li>
<li class="li"><a href="#nogo" class="option">营业厅查询</a></li>
<li class="li"><a href="#nogo" class="option">手机仿真</a></li>
<li class="li"><a href="#nogo" class="option">在线咨询</a></li>
</ul>
</li>
<li class="li edit">
<a href="#nogo" class="option"><span>个人信息管理</span></a>
<ul>
<li class="li"><a href="#nogo" class="option">个人资料修改</a></li>
<li class="li"><a href="#nogo" class="option">服务密码变更</a></li>
<li class="li"><a href="#nogo" class="option">服务密码重置</a></li>
<li class="li"><a href="#nogo" class="option">PUK码查询</a></li>
<li class="li"><a href="#nogo" class="option">套餐使用状态查询</a></li>
<li class="li"><a href="#nogo" class="option">业务开通状态查询</a></li>
</ul>
</li>
<li class="li sms">
<a href="#nogo" class="option">短信息服务</a>
</li>
</ul>
</div>
</body>
</html>