菜单悬停和阻止

【问题标题】：menu hover and block菜单悬停和阻止
【发布时间】：2010-10-04 18:07:19
【问题描述】：

通常，制作一个块，您只需将鼠标悬停在<li> 上以突出显示..而不是文本...

我认为做对了...但仅将鼠标悬停在 TEXT 上会使文本更改颜色...悬停在框 (li) 上不会...

我没有采用好的技术，或者只是在某个地方搞砸了，我需要你的指点

提前致谢

【问题讨论】：

【解决方案1】：

很简单：

通过删除这些行，从 #menulistbox li 中删除填充声明。

padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 5px;

然后为链接添加这个定义

#menulistbox li a {
    display: block;
    padding: 5px 0 5px 5px;
}

就是这样:)

附：查看CSS Shorthand Syntax，让您的生活更轻松，代码更整洁:)

【讨论】：