我正在学习CSS并在应用“a”标签的样式规则时遇到问题。我有一个包含无序列表的导航，其中包含包含链接的列表项。在“li”标签上悬停时，我想更改“a”标签内文本的颜色。以下是我为应用css规则而添加的代码。
#top-nav ul >li:hover a{
color: #FFFFFF;
}
但是此规则适用于页面上的所有链接。如何确保规则适用于＃top-nav ul＆gt;中的所有直接链接？ li而不是＃top-nav ul＆gt;下的所有子元素利
目前上述规则适用于li标签下div标签深处的＃top-nav ul＆gt; li和li元素
答案 0 :(得分：2)
悬停后添加直接后代选择器。
#top-nav ul > li:hover > a