读书人

一个难搞的有关问题

发布时间: 2012-02-19 19:43:39 作者: rapoo

一个难搞的问题
.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标签的时候
下面那个是普通文字的效果
照“只有星星伴明月”的做就知道了

读书人网 >CSS

热点推荐