Html CSS悬停时更改链接颜色

我使用VScode，并尝试在

：hover

上更改链接颜色。 另外，如何添加“增长悬停”效果？ 这是我的代码：

.subreas a.link{
利润率：0.10px 10px；
浮动：对；
高度：30px；
线高：29px；
最小宽度：117px；
文本对齐：居中；
显示：内联块；
边框：1px实心#61397f；
颜色：#61397f；
边界半径：5px；
填充：0 5px；
}
.分区：悬停{
背景色：#9D3B76；
颜色：白色；
}

---

将其更改为

。子区域a：悬停

，以在悬停时获得适当的特定性

.subreas a.link{
利润率：0.10px 10px；
浮动：对；
高度：30px；
线高：29px；
最小宽度：117px；
文本对齐：居中；
显示：内联块；
边框：1px实心#61397f；
颜色：#61397f；
边界半径：5px；
填充：0 5px；
}
.分区a：悬停{
背景色：#9D3B76；
颜色：白色；
}

文件

a:悬停{ 背景色：//您的颜色在这里 }

.subreas a.link{
利润率：0.10px 10px；
浮动：对；
高度：30px；
线高：29px；
最小宽度：117px；
文本对齐：居中；
显示：内联块；
边框：1px实心#61397f；
颜色：#61397f；
边界半径：5px；
填充：0 5px；
}
.分区a.链接：悬停{
背景色：#9D3B76；
颜色：白色；
}