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

一个难搞的有关问题

2012-02-19 
一个难搞的问题.menuboxulli.showitema{background:#ccc}.menuboxulli.showitem{background:#ccc}效果有

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

热点排行