910631286 发表于 2020-10-12 14:00:49

超链接的伪类

为什么这个伪类在谷歌浏览器中没有效果，在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>

星尘鱼 发表于 2020-10-16 12:02:37

可能是谷歌浏览器不支持吧

Darth_EF 发表于 2020-10-16 20:37:03

本帖最后由 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]
查看完整版本: 超链接的伪类