[已解决]a:visited 选择器属性无法正常显示

上帝也幽默 · 发表于 2018-8-23 22:41:26

本帖最后由上帝也幽默于 2018-8-23 23:34 编辑

经过反复测试，在a的伪类样式visited里似乎只有color属性能起作用？
我使用的是chrome浏览器，测试代码如下：

<!DOCTYPE html>
<html lang='en'>
      <head>
<meta charset="UTF-8">
            <title>问题求助</title>
            <base target='_blank'>
            <style type='text/css'>
                     a{
                              font-size: 30px;
                     }
                     a:visited{
                              color: #FF8800;
                              font-size: 100px;
                              text-decoration: none;
                     }
            </style>
      </head>
      <body>
            <a href='http://fishc.com.cn/thread-82535-1-1.html' >测试</a>
      </body>
</html>

点击过后，font-size属性和text-decoration属性都不会生效，这是为什么？

注：a其他样式link、hover、active都能正常工作

最佳答案

月排行榜 / 总排行榜

不二如是

2018-8-23 22:41:27

本帖最后由不二如是于 2018-8-31 13:10 编辑

1、论坛发代码，无法直接解析HTML，如果需要格式上好看，请用代码编辑：

方便别人复制你的代码：

<!DOCTYPE html>
<html lang='en'>
        <head>
                <meta charset="UTF-8">
                <title>问题求助</title>
                <base target='_blank'>
                <style type='text/css'>
                        a{
                                font-size: 30px;
                        }
                        a:visited{
                                color: #FF8800;
                                font-size: 100px;
                                text-decoration: none;
                        }
                </style>
        </head>
        <body>
                <a href='http://fishc.com.cn/thread-82535-1-1.html' >测试</a>
        </body>
</html>

2、你问了一个很棒的问题哦～

3、:visited 选择器用于选取已被访问的链接。

由于你没有使用link其他的几个伪类所以不是优先级权重的问题。
（link--visited--hover-active顺序不能颠倒）

为什么颜色生效，而字体大小没有生效呢？

虽然伪类自身有一定缺陷，但这个肯定不是bug。

先来看官方的说明：

如果看懂上面说的，就是：visited只支持如下属性：

color、background-color、border-color、border-{bottom,left,right,top}-color、outline-color、column-rule-color

这是出于安全/隐私原因而做的，不太可能很快改变。

如果鱼油真的必须实现这个，请使用一些Javascript来明确设置访问过的标签的大小。

跳转到最佳答案楼层

不二如是 · 发表于 2018-8-23 22:41:27

本帖最后由不二如是于 2018-8-31 13:10 编辑

1、论坛发代码，无法直接解析HTML，如果需要格式上好看，请用代码编辑：

方便别人复制你的代码：

<!DOCTYPE html>
<html lang='en'>
        <head>
                <meta charset="UTF-8">
                <title>问题求助</title>
                <base target='_blank'>
                <style type='text/css'>
                        a{
                                font-size: 30px;
                        }
                        a:visited{
                                color: #FF8800;
                                font-size: 100px;
                                text-decoration: none;
                        }
                </style>
        </head>
        <body>
                <a href='http://fishc.com.cn/thread-82535-1-1.html' >测试</a>
        </body>
</html>

2、你问了一个很棒的问题哦～

3、:visited 选择器用于选取已被访问的链接。

由于你没有使用link其他的几个伪类所以不是优先级权重的问题。
（link--visited--hover-active顺序不能颠倒）

为什么颜色生效，而字体大小没有生效呢？

虽然伪类自身有一定缺陷，但这个肯定不是bug。

先来看官方的说明：

如果看懂上面说的，就是：visited只支持如下属性：

color、background-color、border-color、border-{bottom,left,right,top}-color、outline-color、column-rule-color

这是出于安全/隐私原因而做的，不太可能很快改变。

如果鱼油真的必须实现这个，请使用一些Javascript来明确设置访问过的标签的大小。

上帝也幽默 · 发表于 2018-8-23 22:44:28

论坛发帖时的HTML代码编辑器怎么用不了

上帝也幽默 · 发表于 2018-8-24 10:45:00

不二如是发表于 2018-8-24 10:05
1、论坛发代码，无法直接解析HTML，如果需要格式上好看，请用代码编辑：

懂了，原来大家都是这样

感谢不二的解答

上帝也幽默 · 发表于 2018-8-24 10:46:06

测试

<!DOCTYPE html>
<html lang='en'>
        <head>
                <meta charset="UTF-8">
                <title>问题求助</title>
                <base target='_blank'>
                <style type='text/css'>
                        a{
                                font-size: 30px;
                        }
                        a:visited{
                                color: #FF8800;
                                font-size: 100px;
                                text-decoration: none;
                        }
                </style>
        </head>
        <body>
                <a href='http://fishc.com.cn/thread-82535-1-1.html' >测试</a>
        </body>
</html>

睁眼睡大觉 · 发表于 2019-3-27 17:03:57

很棒

账号		自动登录	找回密码
密码			立即注册