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