IE6/IE7和Firefox对Div处理的差异
五项常用的CSS命名规则参考
19
Nov.2008
收藏到网摘：
.text:''):(d.getSelection?d.getSelection():'');void(keyit=window.open('http://my.poco.cn/fav/storeIt.php?t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t)+'&img=http://www.h-strong.com/blog/logo.gif','keyit','scrollbars=no,width=475,height=575,status=no,resizable=yes'));keyit.focus();){kind=logo}
.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>
