为了账号安全,请及时绑定邮箱和手机立即绑定

html/css中link,hover,visited的颜色有优先级吗?为什么我下面的代码没有达到效果?

html/css中link,hover,visited的颜色有优先级吗?为什么我下面的代码没有达到效果?

慕仔2282648 2017-11-24 17:31:28
我们希望所有的超链接:A、 默认样式是黑色,24px没有下划线B、 当鼠标移动到超链接时,自动出现下划线C、 点击连接后,超链接变成红色html部分代码:<html><head><link rel="stylesheet" type="text/css"href="selector.css"/></head><body><!--控制超链接--><a href="http://www.baidu.com">连接到百度</a><a href="http://www.baidu.com">连接到百度</a><a href="http://www.baidu.com">连接到百度</a><a href="http://www.baidu.com">连接到百度</a></body></html>css部分代码:a:link{    color:black; text-decoration:none; font-size:24px;}a:hover{    text-decoration:underline;    font-size:40px;   color:green;}a:visited{    color:red;}
查看完整描述

2 回答

?
慕运维7130634

TA贡献41条经验 获得超18个赞

a标签四个伪类的顺序:

  link    visited    hover  active

  (love hate 记忆方法!)


查看完整回答
反对 回复 2017-11-24
?
慕运维7130634

TA贡献41条经验 获得超18个赞

a:link{

color: black;

text-decoration: none;

font-size: 24px;

}

a:hover {

text-decoration: underline;

color: green;

}

a:active{

color: red;

}


查看完整回答
反对 回复 2017-11-24
  • 慕仔2282648
    慕仔2282648
    换了顺序还是达不到效果,之前是红色的,鼠标悬停后能放大,但是颜色还是红色的,点击后颜色也不变
  • 慕运维7130634
    慕运维7130634
    我大概明白你的意思了,你把浏览器历史记录全部清除一遍就能达到你想要的效果了;
  • 2 回答
  • 0 关注
  • 1529 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信