連結樣式因為其特殊性(因為用到了偽類),所以表現比較豐富。而且因為連結的重要性,所以對於連結樣式的控制就顯的特別重要,但是因為樣式優先順序(也有叫做特殊性的)不同於其他程式設計語言,有其獨特性,所以我感覺有必要將這些總結記錄下來以備忘。
工作中的一些小的總結,沒有什麼內容,只是自己腦子太笨,好在有個筆頭。各位看官看看便是,便不要再嘲笑沒有技術含量了。呵呵~<!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