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

我们希望所有的超链接:

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;
}

慕仔2282648
浏览 1531回答 2
2回答

慕运维7130634

a标签四个伪类的顺序:  link    visited    hover  active  (love hate 记忆方法!)

慕运维7130634

a:link{ color: black; text-decoration: none; font-size: 24px; } a:hover { text-decoration: underline; color: green; } a:active{ color: red; }
打开App,查看更多内容
随时随地看视频慕课网APP