19
Nov.2008
.white A:active {
TEXT-DECORATION: none
}
.white A:hover {
TEXT-DECORATION: none
是不规范的伪类;
a.white:link {
color: #FFFFFF;
}
a.white:hover {
color: #00CCFF;
}
是规范的伪类。参考:
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
TEXT-DECORATION: none
}
.white A:hover {
TEXT-DECORATION: none
是不规范的伪类;
a.white:link {
color: #FFFFFF;
}
a.white:hover {
color: #00CCFF;
}
是规范的伪类。参考:
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
<style type="text/css">
<!--
A.style1:link {
text-decoration: none;
color:#666666;
font-weight: normal;
}
A.style1:visited {
text-decoration: none;
color: #666666;
font-weight: normal;
}
A.style1:active {
text-decoration: none;
color: #333333;
font-weight: normal;
}
A.style1:hover {
text-decoration: underline overline;
color: #333333;
font-weight: normal;
}
A.style2:link {
text-decoration: none;
color:#000099;
font-weight: normal;
}
A.style2:visited {
text-decoration: none;
color: #000099;
font-weight: normal;
}
A.style2:active {
text-decoration: none;
color: red;
font-weight: normal;
}
A.style2:hover {
text-decoration: none;
color: red;
font-weight: normal;
font-size: 120%;
}
-->
</style>
<p><a href="http://www.husw.net" class="style1">www.husw.net</a></p>
<p><a href="http://www.husw.net" class="style2">www.husw.net</a></p>
<!--
A.style1:link {
text-decoration: none;
color:#666666;
font-weight: normal;
}
A.style1:visited {
text-decoration: none;
color: #666666;
font-weight: normal;
}
A.style1:active {
text-decoration: none;
color: #333333;
font-weight: normal;
}
A.style1:hover {
text-decoration: underline overline;
color: #333333;
font-weight: normal;
}
A.style2:link {
text-decoration: none;
color:#000099;
font-weight: normal;
}
A.style2:visited {
text-decoration: none;
color: #000099;
font-weight: normal;
}
A.style2:active {
text-decoration: none;
color: red;
font-weight: normal;
}
A.style2:hover {
text-decoration: none;
color: red;
font-weight: normal;
font-size: 120%;
}
-->
</style>
<p><a href="http://www.husw.net" class="style1">www.husw.net</a></p>
<p><a href="http://www.husw.net" class="style2">www.husw.net</a></p>
相关日志
响应式Web设计(RWD,Responsive Web Design)
山西恒义工贸有限公司网站建设完成,正式上线!
css栅格化网站设计(栅栏布局模块化命名)
CSS 中对 display:inline-block 的深入理解
解决IE6、IE7、Firefox兼容最简单的CSS Hack
响应式Web设计(RWD,Responsive Web Design)
山西恒义工贸有限公司网站建设完成,正式上线!
css栅格化网站设计(栅栏布局模块化命名)
CSS 中对 display:inline-block 的深入理解
解决IE6、IE7、Firefox兼容最简单的CSS Hack
