Html 一个样式选择器，用于指定两个悬停，在特定类中处于活动状态

我正试图找出如何为以下内容编写样式：

我只想为.menu中的锚定标记设置a:hover和a:active的样式，而不是.menu开关。下面的内容似乎很有效，但我是否可以将它们合并为一种风格

/*将以下样式应用于主导航内任何ul内的锚定标签*/
#主导航ulli
答：林克，
a:悬停，
a:主动，
a:参观了{
颜色：#fff；
文字装饰：无；
填充：10px；
显示：块；
边界半径：4px；
}
/*将以下样式应用于.菜单中的定位标记，仅适用于#主导航*/
#主导航菜单a：激活{
背景色：#ccc；
}
#主导航菜单a：悬停{
背景色：#ccc；
}

#主导航ul li a:link，
#主导航：悬停，
#主导航ul li a：主动，
#主导航：已访问{
颜色：#000；
文字装饰：无；
填充：10px；
显示：块；
边界半径：4px；
边框：1px实心橙色；
}
/*将以下样式应用于.菜单中的定位标记，仅适用于#主导航*/
#主导航ul a：激活{
背景色：#ccc；
颜色：#fff；
}
#主导航ul a：悬停{
背景色：#ccc；
颜色：#fff；
}

您的代码实际上还有一个问题：第一组CSS规则没有正确分组。您需要为列表中的每个选择器重复

#main nav ul li

部分；否则，规则将适用于文档中的其他链接，而不仅仅是

#main nav ul li

中的链接

同样，要对最后两条规则进行分组，需要对它们的选择器进行整体分组

另外，如果您不知道，您可能会这样做，除非您有很好的理由在

之后排序
：访问
：悬停
和
：活动
（我也花了时间将最后两个选择器按相同的顺序排列）


/*将以下样式应用于主导航内任何ul内的锚定标签*/
#主导航ul li a：链路，
#主导航ul li a：已访问，
#主导航：悬停，
#主导航ul li a：激活{
颜色：#fff；
文字装饰：无；
填充：10px；
显示：块；
边界半径：4px；
}
/*将以下样式应用于.菜单中的定位标记，仅适用于#主导航*/
#主导航菜单a：悬停，
#主导航菜单a：激活{
背景色：#ccc；
}