链接样式优先级（特殊性）小结

来源：互联网发布：ipad显示无法加入网络编辑：程序博客网时间：2024/05/03 22:31

链接样式因为其特殊性（因为用到了伪类），所以表现比较丰富。而且因为链接的重要性，所以对于链接样式的控制就显的特别重要，但是因为样式优先级（也有叫做特殊性的）不同于其他编程语言，有其独特性

<!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Keywords" content="YES!B/S!" />
<meta name="Description" content="This page is from http://Justinyoung.cnblogs.com" />
<title>CSS/Javascript demo</title>
<style type="text/css">
/*优先级从上到下依次增加*/
     a{
         color:aqua;
    }

     a:link,a:visited,a:hover,a:active{
         color:red;
    }

     .aClass:link,.aClass:visited,.aClass:hover,:active{
         color:navy;
    }

     a.aClass:link,a.aClass:visited,a.aClass:hover,a.aClass:active{
         color:green;
    }

     #aID:link,#aID:visited,#aID:hover,#aID:active{
         color:blue;
    }

     a#aID:link,a#aID:visited,a#aID:hover,a#aID:active{
         color:coral;
    }

/**下面这个样式和本文主题没有关系**/
     p:first-letter {
     font-size:260%;
     float:left;
     padding:0 2px 0 0;
     font-family:"楷体_GB2312";
     font-weight:bold;
     color:#e00;
    }
</style>
</head>

<body>
<div><a href="http://justinyoung.cnblogs.com/" class="aClass" id="aID">i'm a link.</a></div>
<p>
链接样式因为其特殊性（因为用到了伪类），所以表现比较丰富。而且因为链接的重要性，所以对于链接样式的控制就显的特别重要，但是因为样式优先级（也有叫做特殊性的）不同于其他编程语言，有其独特性，所以我感觉有必要将这些总结记录下来以备忘。
<br/>
工作中的一些小的总结，没有什么内容，只是自己脑子太笨，好在有个笔头。各位看官看看便是，便不要再嘲笑没有技术含量了。呵呵～
</p>

</body>

</html>