a:visited 选择器属性无法正常显示
本帖最后由 上帝也幽默 于 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-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来明确设置访问过的标签的大小。
论坛发帖时的HTML代码编辑器怎么用不了{:10_266:} 不二如是 发表于 2018-8-24 10:05
1、论坛发代码，无法直接解析HTML，如果需要格式上好看，请用代码编辑：
懂了，原来大家都是这样{:10_266:}
感谢不二的解答 测试<!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> 很棒
页:
[1]