日期:2014-05-17  浏览次数:20554 次

一个难搞的问题
.menubox   ul   li.showitem   a{background:#ccc;}
.menubox   ul   li.showitem{   background:#ccc;}
效果有什么区别?

以下代码为例
<div   class= "menubox ">
<ul>
<li   class= "showitem "> <a   href= "# "> Item   1 </a> </li>
</ul>

------解决方案--------------------
menubox 没宽度的话是100%
第一个背景色可能会短些。因 Item 1 长度决定

第二个可能比第一个高一些
第二个跟随menubox的宽度一样
------解决方案--------------------
.menubox ul li.showitem a{background:#ccc;}
.menubox ul li.showitem{ background:#333;}
效果有什么区别?

以下代码为例
<div class= "menubox ">
<ul>
<li class= "showitem "> 123 <a href= "# "> Item 1 </a> </li>
</ul>

这样看你就看到区别了
------解决方案--------------------
上面那个是有a标签的时候
下面那个是普通文字的效果
照“只有星星伴明月”的做就知道了