Asp.net mvc 将鼠标悬停在标记上，仅填充文本所在的背景

我正在使用嵌套循环 当我将鼠标悬停在标签列表项上时，它只会将鼠标悬停在包含文本而不是整个ul标签的are上

谢谢

<style>
.child {
    display: none;
}

.parent:hover .child {
    display: table-caption !important;
}

.LastHope li:hover a {
    background: #5db2ff !important;
}

.second {
    display: !important;
    margin-left: -40px;
}

.parent {
    width: 5%;
    padding-right: 45px;
}</style>

.孩子{
显示：无；
}
.parent:悬停.child{
显示：表格标题！重要；
}
.最后的希望李：盘旋一下{
背景：#5db2ff！重要；
}
.第二{
显示：！重要；
左边距：-40px；
}
.家长{
宽度：5%；
右边填充：45px；
}

@foreach（模型中的var项目）
{

@项目名称

@foreach（item.T_Page.ToList（）中的变量Temp）
{

@临时名称

}


}

---

要更改悬停时整个内部无序列表的背景色

。LastHope

而不仅仅是锚元素，只需在悬停时将背景色添加到

元素，如下所示：

.LastHope:hover {
    background: #5db2ff;
}

检查并运行以下代码片段，以获取上述代码的实际示例：

.child{
显示：无；
}
.parent:悬停.child{
显示：表格标题！重要；
}
.最后的希望：悬停{
背景：#5db2ff！重要；
}
.最后的希望：盘旋李a{
背景：#5db2ff！重要；
}
.第二{
显示：！重要；
左边距：-40px；
}
.家长{
宽度：5%；
右边填充：45px；
}

A.


A.


B


C




A.


A.


B


C




A.


A.


B


C

感谢您的努力，但请查看列表。将鼠标悬停在a上时，它不会将a、b、c视为单独的项目。它将鼠标悬停在所有列表项目上（a到c）@khizarnayar请发布您正在寻找的内容的草图。检查这个

.LastHope:hover {
    background: #5db2ff;
}