1:解释
详细的:
:hover版本:CSS1/CSS2
2:hover和a:visited书写顺序的重要性
重新打开这个页面的时候,突然发现那个链接的a:hover效果又出来了。我想了一下,点了那个链接,然后回过头再点,果然又没了。连忙检查css文档,发现a:hover属性写在了visited之前,改写到之后,重试,ok!
以前看书的时候注意到css中关于链接表现的书写有提示说各属性顺序不能颠倒,一直没有注意,写的时候通常都很随意。现在看来不能这个顺序还是很重要的。
css中关于超链接的四个属性一般正常顺序为:link,visited,hover,active,即
a:link
a:visited
a:hover
a:active
.subleftbg li a.sub:link,a.sub:visited{
text-align:left;
font-size:12px;
color:#f1f7ff;
display:block;
font-weight:bold;
height:25px;
line-height:25px;
margin-bottom:10px;
}
.subleftbg li a.sub:hover,a.sub:active{
text-align:left;
font-size:12px;
color:#eec5ff;
display:block;
font-weight:bold;
height:25px;
line-height:25px;
margin-bottom:10px;
}
本文深入解析CSS链接状态伪类(:link, :visited, :hover, :active)及其书写顺序对页面样式的影响,并通过实例演示顺序不当可能导致的效果异常,强调正确的顺序对实现预期视觉效果的重要性。
2731

被折叠的 条评论
为什么被折叠?



