HTML5 css链接添加不同的样式
浏览数：25 /
时间：2015年06月09日
可以用css的选择器来为不同链接添加不同的样式，但经过测试，不知道为什么用id选择器并未成功，经过测试发现用class选择器是可行的，相关案例如下：
本案例是为了实现链接的文本跳转（由页面底部调到首部）和为不同链接添加不同样式，其中，底端链接单独添加了样式，代码如下：
HTML5代码：
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>测试css链接属性</title>
<link rel="stylesheet" type="text/css" href="../css/linking.css" >
</head>
<body>
<a href="http://www.baidu.com" target="_blank" id="top">文本链接</a><br/>
<a href="http://www.jikexueyuan.com" target="_blank">
<img src="../img/2014-09-08-641.jpg" width="128px" height="72" alt="this is a image">
</a>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<a href="#top" class="end_line">返回顶端</a>
</body>
</html>CSS样式代码：
a.end_line:link{
color: #000000;
}
a.end_line:visited{
color: aqua;
}
a.end_line:hover{
color: #e6e83e;
}利用a.XXXX:link{}的方法就实现了对链接的单独样式设定。希望对你们有帮助郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
