我无法在'；上添加css链接、悬停或活动状态；创建帐户'；我的html

我正在学习做一些css，但我遇到了一个障碍。我无法在html的“创建帐户”上添加css链接、悬停或活动状态。我正在使用

标记进行样式和定位。链接工作正常，但我不能添加样式？欢迎提供任何更正html的帮助

<p>
  Join with us 
  <span class="fontawesome-arrow-right">
    <a href="http:the link works"> Create account</a>
  </span>
</p>

加入我们

以下是一个通用的CSS代码，用于您尝试执行的操作：

<style>
/* unvisited link */
a:link {
    color: #FF0000;
}

/* visited link */
a:visited {
    color: #00FF00;
}

/* mouse over link */
a:hover {
    color: #FF00FF;
}

/* selected link */
a:active {
    color: #0000FF;
}
</style>

/*未访问链接*/
a:链接{
颜色：#FF0000；
}
/*访问链接*/
a:参观了{
颜色：#00FF00；
}
/*鼠标悬停链接*/
a:悬停{
颜色：#FF00FF；
}
/*选定链接*/
a:主动的{
颜色：#0000FF；
}

你可以在

---

干杯

你能发布你尝试使用的代码和CSS吗？你使用的是字体吗？