css 跳转方式 |css js 注入版本号

a:link {
color: #0000ff; /* 未访问链接的颜色 */
text-decoration: none; /* 去掉下划线 */
}
a:visited {
color: #00ff00; /* 已访问链接的颜色 */
text-decoration: none;
}
a:hover {
color: #ff00ff; /* 鼠标移动至链接上的颜色 */
text-decoration: underline; /* 加下划线 */
}
a:active {
color: #ff0000; /* 鼠标点击时的颜色 */
text-decoration: none;
}

如上述代码，设置了四种状态下的链接样式。其中，:link 用于设置未访问链接的样式，:visited 用于设置已访问链接的样式，:hover 用于设置鼠标移动至链接上的样式，:active 用于设置鼠标点击时的样式。这些样式都可以通过设置 color 和 text-decoration 属性来实现。

通过 CSS 跳转方式，大家可以设置链接的样式和状态，在页面中呈现统一和美观的效果。同时，大家也可以通过 Pseudo-class 选择器来实现更多更高级的样式效果。

在 HTML 中，链接前缀为 href，使用 CSS 实现跳转需要添加伪类，示例如下：

a[href^="http://"] {
color: #00f; /* 蓝色 */
}
a[href^="https://"] {
color: #0f0; /* 绿色 */
}

以上代码实现了在链接前添加 http、https 等前缀时，链接颜色变为蓝色和绿色的效果。

总之，CSS 跳转方式是一种非常实用和方便的实现跳转的方式，它可以使链接样式更加美观、统一，也可以通过伪类选择器实现更高级的样式效果。