css控制颜色

来源：百度知道 编辑：UC知道 时间：2024/05/15 12:58:07
.a {
height: 10px;
width: 400px;
}
.b {
height: 10px;
width: 400px;
}
.b a:hover {text-decoration: none;color: #0000FF;}
.b a:link,a:visited{text-decoration: none;color: #999999;}

.a a:hover {text-decoration: none;color: #FF0000;}
.a a:link,a:visited{text-decoration: none;color: #999999;}
<body>
<div class="a"><a href="#">123</a></div>
<br>
<div class="b"><a href="#">456</a></div>
</body>
为什么不能控制访问的颜色?

<style>
.a {
height: 10px;
width: 400px;
}
.b {
height: 10px;
width: 400px;
}
.b a:hover {text-decoration: none;color: #0000FF;}
.b a:link,a:visited{text-decoration: none;color: #999999;}

.a a:hover {text-decoration: none;color: #FF0000;}
.a a:link,a:visited{text-decoration: none;color: #999999;}
</style>
<body>
<div class="a"><a href="#">123</a></div>
<br>
<div class="b"><a href="#">456</a></div>
</body>