如何拥有多个链接悬停颜色，不同的每个滚动？

<a href="#" class="link">Link 1</a>
<a href="#" class="link">Link 2</a>
<a href="#" class="link">Link 3</a>

.link {
  color: blue; /* 设置链接的默认颜色 */
}

.link:hover {
  color: red; /* 设置链接的悬停颜色 */
}

<a href="#" class="link link1">Link 1</a>
<a href="#" class="link link2">Link 2</a>
<a href="#" class="link link3">Link 3</a>

.link1:hover {
  color: red; /* 设置链接1的悬停颜色 */
}

.link2:hover {
  color: green; /* 设置链接2的悬停颜色 */
}

.link3:hover {
  color: orange; /* 设置链接3的悬停颜色 */
}