a:link {
/* 未访问链接的样式 */
color: blue;
text-decoration: none;
}
a:visited {
/* 已访问链接的样式 */
color: purple;
text-decoration: none;
}
a:hover {
/* 鼠标悬停在链接上时的样式 */
color: red;
text-decoration: underline;
}第一种连接方式是未访问链接，它适用于指向未曾访问过的页面或资源的链接。在 CSS 规则中，使用 a:link 来定义这种连接的样式。在上面的代码块中，a:link 的样式设置了链接文本的颜色为蓝色，并去掉了文本的下划线。
第二种连接方式是已访问链接，它适用于指向用户曾访问过的页面或资源的链接。在 CSS 规则中，使用a:visited来定义这种连接的样式。在上面的代码块中，a:visited的样式设置了链接文本的颜色为紫色并去掉了文本的下划线。
第三种连接方式是鼠标悬停链接，它适用于鼠标悬停在链接上时的样式。在 CSS 规则中，使用a:hover来定义这种连接的样式。在上面的代码块中，a:hover的样式设置了链接文本的颜色为红色，并加上了下划线。