0

我正在创建一个收件箱，其中侧面有一个 asp 菜单，中间有一个收件箱。当我从数据库中看到新行时，我需要将字体颜色更改为红色并使其变为粗体。我adding在菜单项上使用过。

如果没有悬停，它看起来像这样。

在数据库中找到新项目时

如果悬停它必须看起来像这样。

悬停的外观

但问题是，当我将鼠标悬停在文本上时，它看起来像上面显示的图像，但如果我将鼠标稍微悬停在 menuItem 的顶部或底部（在菜单项内部但不在文本上），则看起来像这样。

刚刚悬停

用于菜单项的 CSS。

.Menu ul li a {
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;}

.Menu ul li a:hover{
background-image: none;
color: white;
background: #424242;}

这是我用来从服务器端更改颜色并将字体设置为粗体的代码。

Menu1.Items[0].Text = "<div class='inboxno' >" + "Inbox (" + (i + 1) + ")" + "</div>";

这是收件箱的 CSS 类。

.inboxno{
background-image: none;
color: Red;
font-weight:bold;}

.inboxno:hover{
background-image: none;
color: white;
background: #424242;
font-weight:bold;}

我想我理解这个问题。它是<DIV>围绕菜单项内的收件箱文本创建的，并且它具有 Css inboxno。但是菜单项有填充，当我将鼠标放在填充区域上时，inboxno:hover 类没有应用于 Div。

我认为这个问题的解决方案之一是，如果我可以 .Menu ul li a从.inboxno:hover类中访问该类，我将删除 Padding 属性并在.inboxno:hover类中设置相同的填充属性。

但我不知道如何.Menu ul li a从班级访问.inboxno:hover班级。

你能帮助我吗？？

4

1 回答 1

0

不确定您是否只是询问悬停但尝试做

.Menu ul li:hover a {
    background-image: none;
    color: white;
    background: #424242;
}
于 2012-09-13T06:59:20.657 回答