Html CSS导航链接在悬停时不更改

为什么我的悬停CSS不影响我网站中的链接

.nav链接{
字体大小：20px；
填充：10px；
边框顶部：#A46FA6 1px实心；
宽度：自动；
颜色：白色；
文字装饰：无；
}
.导航链接：悬停{
背景色：#6D256F；
文字装饰：下划线；
}

概述

悬停：不能与所描述的元素隔开

.nav链接{
字体大小：20px；
填充：10px；
边框顶部：#A46FA6 1px实心；
宽度：自动；
颜色：白色；
文字装饰：无；
}
.导航链接：悬停{
背景色：#6D256F；
文字装饰：下划线；
}

概述

悬停：不能与所描述的元素隔开

.nav链接{
字体大小：20px；
填充：10px；
边框顶部：#A46FA6 1px实心；
宽度：自动；
颜色：白色；
文字装饰：无；
}
.导航链接：悬停{
背景色：#6D256F；
文字装饰：下划线；
}

概述

因为里面有一个空格。在CSS中，选择器之间的空格用于表示。因为当子元素悬停在

.nav link

元素上时，您正在使用空格设置子元素的样式；了解）。啊，我明白这是有道理的。谢谢大家更改

。导航链接：hover

到

。导航链接：hover

。。。如注释所述，类和：hover之间没有空格，因为其中有空格。在CSS中，选择器之间的空格用于表示。因为当子元素悬停在

.nav link

元素上时，您正在使用空格设置子元素的样式；了解）。啊，我明白这是有道理的。谢谢大家更改

。导航链接：hover

到

。导航链接：hover

。。。如前所述，类和：hover之间没有空格