Html 类别=“类”；下拉列表“；和属性数据下拉菜单不使用嵌套ul

我想让ul下载一些链接图标，但无论我键入什么，唯一改变的是图标的方向。我觉得我错过了一些相当简单的东西，但谷歌或基金会的网站都没有帮助。我试着用.menu li a I{}调用嵌套的ul，但那是错误的。我也尝试过其他方法，但没有任何积极的结果

/*样式在这里*/
.菜单悬停线{
边缘顶部：30px；
浮动：右，底部；
文本对齐：居中；
文本转换：大写；
字号：500；
字母间距：3px；
过渡：所有0.35秒缓解；
}
.菜单悬停线li a{
填充：0.750；
颜色：#333；
位置：相对位置；
左边距：1 em；
保证金权利：4rem；
边缘顶部：20px；
}
.菜单悬停线li.active>a{
背景色：透明；
}
/*导航转换设置*/
.菜单悬停线a:：之前，
.菜单悬停线a:：之后{
高度：3倍；
位置：绝对位置；
内容：''；
过渡：所有0.40秒缓解；
背景色：#932929；
宽度：0；
}
.菜单悬停线a:：之前{
排名：0；
左：0；
}
.菜单悬停线a:：之后{
底部：0；
右：0；
}
.菜单悬停线a:hover:：before，
.菜单悬停线.活动a:：before，
.菜单悬停线a:悬停：：之后，
.菜单悬停线.活动a:：after{
宽度：100%；
}
.菜单a>i{
显示：无；
}
.菜单一：悬停{
显示：内联；
}

为了实现悬停效果，您必须在所有内容的外部添加一个div

/*样式在这里*/
.菜单悬停线{
边缘顶部：30px；
浮动：右，底部；
文本对齐：居中；
文本转换：大写；
字号：500；
字母间距：3px；
过渡：所有0.35秒缓解；
}
.菜单悬停线li a{
填充：0.750；
颜色：#333；
位置：相对位置；
左边距：1 em；
保证金权利：4rem；
边缘顶部：20px；
}
.菜单悬停线li.active>a{
背景色：透明；
}
/*导航转换设置*/
.菜单悬停线a:：之前，
.菜单悬停线a:：之后{
高度：3倍；
位置：绝对位置；
内容：''；
过渡：所有0.40秒缓解；
背景色：#932929；
宽度：0；
}
.菜单悬停线a:：之前{
排名：0；
左：0；
}
.菜单悬停线a:：之后{
底部：0；
右：0；
}
.菜单悬停线a:hover:：before，
.菜单悬停线.活动a:：before，
.菜单悬停线a:悬停：：之后，
.菜单悬停线.活动a:：after{
宽度：100%；
}
菜单{
显示：无；
}
.下拉：悬停在菜单上{
显示：内联；
}

为了获得悬停效果，您必须在所有内容的外部添加一个div

/*样式在这里*/
.菜单悬停线{
边缘顶部：30px；
浮动：右，底部；
文本对齐：居中；
文本转换：大写；
字号：500；
字母间距：3px；
过渡：所有0.35秒缓解；
}
.菜单悬停线li a{
填充：0.750；
颜色：#333；
位置：相对位置；
左边距：1 em；
保证金权利：4rem；
边缘顶部：20px；
}
.菜单悬停线li.active>a{
背景色：透明；
}
/*导航转换设置*/
.菜单悬停线a:：之前，
.菜单悬停线a:：之后{
高度：3倍；
位置：绝对位置；
内容：''；
过渡：所有0.40秒缓解；
背景色：#932929；
宽度：0；
}
.菜单悬停线a:：之前{
排名：0；
左：0；
}
.菜单悬停线a:：之后{
底部：0；
右：0；
}
.菜单悬停线a:hover:：before，
.菜单悬停线.活动a:：before，
.菜单悬停线a:悬停：：之后，
.菜单悬停线.活动a:：after{
宽度：100%；
}
菜单{
显示：无；
}
.下拉：悬停在菜单上{
显示：内联；
}

成功了，谢谢！但是现在我在激活下拉菜单时遇到了其他导航链接的问题。有什么建议吗？它使用的是和这个图标导航相同的类吗？是的，应该不是吗？这就成功了，谢谢！但是现在我在激活下拉菜单时遇到了其他导航链接的问题。有什么建议吗？它是否使用与此图标导航相同的类别？是的，是否应该？