超链接的伪类
为什么这个伪类在谷歌浏览器中没有效果,在ie和火狐都有这个是为什么?<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
a:hover{
color: #ffffff;
}
a:link{
color: #00ff7f;
}
</style>
</head>
<body>
<a href="伪类的练习.html">我是一个a标签</a>
</body>
</html> 可能是谷歌浏览器不支持吧 本帖最后由 Darth_EF 于 2020-10-16 20:39 编辑
因为chrome里:link 和:hover 伪类的优先级是相同的。
你可以看看 这个 https://developer.mozilla.org/zh-CN/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance
如果你想让这段css在chrome 让:hover 伪类生效, 应该把:hover放在:link的后面
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
a:link{
color: #00ff7f;
}
a:hover{
color: #ffffff;
}
</style>
</head>
<body>
<a href="伪类的练习.html">我是一个a标签</a>
</body>
</html>
页:
[1]