css - 在同一个 CSS a:after 元素中是否可以有两种不同的文本颜色？

Question

这是我正在使用的示例，以及下面的主要 css。基本上我想弄清楚我是否可以制作一个类似的链接，但对于 GitHub，主要背景是黑色的，而里面的文本是白色的，而外面的文本部分仍然是普通的黑色。谢谢你的时间！

a {
  text-decoration: none;
  color: #121314;
  position: relative;
}
a:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 60%;
  left: -0.1em;
  right: -0.1em;
  bottom: 0;
  transition: top 200ms cubic-bezier(0, .8, .13, 1);
  background-color:#D7090B
}

a:hover:after {
  top: 0%;
}

p2 a:after {
  background-color: rgb(56,161,243);
}

标签： css