这是一个链接: Example
其中,href属性指定了链接的目标网页。但是,当用户访问这个链接时,浏览器默认会在当前页面打开目标网页。这时,我们就需要使用CSS来修改这个链接的默认行为。 为了实现跳转,我们可以添加一个伪类选择器:visited到标签中,如下所示: a:visited { color: red; } 这个选择器表示当用户访问过这个链接时,修改这个链接的颜色为红色。但是,我们可以将这个属性设置为跳转到指定的网页: a:visited { display: block; height: 0; overflow: hidden; } a:visited::before { display: block; height: 2em; padding-top: 1em; content: "跳转到 Example 网站"; text-align: center; color: blue; text-decoration: underline; } a:visited::after { content: ""; display: block; height: 0.5em; } 这段CSS代码的作用是,将标签设置为块级元素,并通过overflow:hidden来隐藏链接文本。然后,使用:before伪元素来创建一个提示框,通过content属性来显示提示信息。最后,使用:after伪元素来添加一些垫高,让链接与下方的文本隔开一些距离。 这样,用户在访问这个链接时,将会看到一个提示框,点击后就会跳转到目标网页了。 以上就是使用CSS实现页面跳转的方法。当然,现在更多的是使用JavaScript来实现页面跳转,因为JavaScript可以实现更多的操作和交互。但是,了解CSS中的伪类选择器,也是很有用的技能,可以帮助我们更好地掌握CSS的用法。