终于解决了一个css的bug,发现原来css摆放是有顺序的,有覆盖行为,比如:
a:link {
font-size: 9pt; COLOR: #333333; TEXT-DECORATION: none;
}
a:visited {
font-size: 9pt; COLOR: #333333; TEXT-DECORATION: none;
}
a:hover {
font-size: 9pt; COLOR: #FF5400; TEXT-DECORATION:underline;
}
如果把上述代码替换成:
a:link {
font-size: 9pt; COLOR: #333333; TEXT-DECORATION: none;
}
a:hover {
font-size: 9pt; COLOR: #FF5400; TEXT-DECORATION:underline;
}
a:visited {
font-size: 9pt; COLOR: #333333; TEXT-DECORATION: none;
}
这样visited始终就会覆盖掉hover上的冲突属性,造成效果不正常。
a:link {
font-size: 9pt; COLOR: #333333; TEXT-DECORATION: none;
}
a:visited {
font-size: 9pt; COLOR: #333333; TEXT-DECORATION: none;
}
a:hover {
font-size: 9pt; COLOR: #FF5400; TEXT-DECORATION:underline;
}
如果把上述代码替换成:
a:link {
font-size: 9pt; COLOR: #333333; TEXT-DECORATION: none;
}
a:hover {
font-size: 9pt; COLOR: #FF5400; TEXT-DECORATION:underline;
}
a:visited {
font-size: 9pt; COLOR: #333333; TEXT-DECORATION: none;
}
这样visited始终就会覆盖掉hover上的冲突属性,造成效果不正常。