Html 在下拉导航中为活动链接的多层着色

如何更改我的主导航栏，以便当我转到“关于”、“从Internet”、“由我”下拉列表，然后将鼠标悬停在第二层选项上时，活动顶部链接和活动第二层链接保持相同的颜色：

就像这里一样，当您在最后一个子选项中转到“超级链接4”时，两个活动选项同时为绿色！我怎么能在我的电脑里做到呢

正文{
背景：#DCD8；
}
氢{
文本对齐：居中；
颜色：#CCC；
}
a{
显示：块；
文字装饰：无；
宽度：100%；
身高：100%；
颜色：#999；
}
/*航行*/
.导航{
列表样式：无；
填充：0；
宽度：250px；
高度：40px；
保证金：0；
背景#f5f0；
位置：相对位置；
z指数：100；
显示：内联块；
垂直对齐：顶部；
左：5px；
顶部：0px；
}
航行
.导航a.main{
边界半径：4px；
}
.导航：悬停，
.导航：悬停a.main{
边界半径：4px4p0；
}
.导航a.main{
高度：40px；
字体：粗体15px/40px arial，无衬线；
文本对齐：居中；
文字装饰：无；
颜色：#FFF；
过渡：0.2s缓进缓出；
位置：相对位置；
z指数：100；
显示：内联块；
}
李先生{
宽度：250px；
高度：40px；
背景：#F7F7F7；
字体：标准14px/40px arial，无衬线！重要；
颜色：#999；
文本对齐：居中；
保证金：0；
变换原点：50%0%；
变换：透视（350px）旋转（-90度）；
盒影：0px210pxRGBA（0,0,0,0.05）；
}
.导航李：第n个孩子（偶数）{
背景:#f5；
}
.导航李：第n个孩子（奇数）{
背景：#efef；
}
.导航li.n1{
过渡：0.2s线性0.8s；
}
.导航li.n2{
过渡：0.2s线性0.6s；
}
.导航li.n3{
过渡：0.2s线性0.4s；
}
.导航li.n4{
过渡：0.2s线性0.2s；
}
.导航li.n5{
边界半径：0px 0px 4px 4px；
过渡：0.2s线性0；
}
.导航：悬停李{
变换：透视（350px）旋转（0deg）；
过渡：0.2s线性0；
}
.导航：悬停.n2{
过渡延迟：0.2s；
}
.导航：悬停.n3{
过渡延迟：0.4s；
}
.导航：悬停.n4{
过渡延迟：0.6s；
}
.导航：悬停.n5{
过渡延迟：0.8s；
}
#选项：悬停，
#蓝色：悬停{
颜色：白色；
背景色：#19A3FF；
}
#选项：活动{
颜色：白色；
背景色：#1c5f8d；
}
#蓝色：活动{
颜色：白色；
背景色：#1c5f8d；
}
#选择权{
颜色：黑色；
}
#蓝色的{
颜色：黑色；
}
.导航ul{
显示：无；
位置：相对位置；
顶部：-40px；
左：250px；
列表样式类型：无；
保证金：0；
填充：0；
}
.导航李：悬停ul{
显示：块；
}
#导航{
最小宽度：1020px；
}

社会行动主义

您的嵌套列表需要稍微更改。无序列表中唯一直接有效的元素是列表项元素

和非

li:hover > a {
    background: pink;
}

li a:hover {
    background: purple;
}