链接样式优先级(特殊性)小结

链接样式因为其特殊性(因为用到了伪类),所以表现比较丰富。而且因为链接的重要性,所以对于链接样式的控制就显的特别重要,但是因为样式优先级(也有叫做特殊性的)不同于其他编程语言,有其独特性,所以我感觉有必要将这些总结记录下来以备忘。

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

</body>

</html>

keyword:css样式表,css优先级,css特殊性,超级链接样式,超级链接css
原文地址:https://www.cnblogs.com/JustinYoung/p/890579.html