連結樣式優先順序(特殊性)小結

來源:互聯網
上載者:User
連結樣式因為其特殊性(因為用到了偽類),所以表現比較豐富。而且因為連結的重要性,所以對於連結樣式的控制就顯的特別重要,但是因為樣式優先順序(也有叫做特殊性的)不同於其他程式設計語言,有其獨特性,所以我感覺有必要將這些總結記錄下來以備忘。

工作中的一些小的總結,沒有什麼內容,只是自己腦子太笨,好在有個筆頭。各位看官看看便是,便不要再嘲笑沒有技術含量了。呵呵~<!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>

keyword:css樣式表,css優先順序,css特殊性,超級連結樣式,超級連結css

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.