终于解决了一个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; backgroud-color:#333333;TEXT-DECORATION:underline;
}
如果把上述代码替换成:
a:link {
font-size: 9pt; COLOR: #333333; TEXT-DECORATION: none;
}
a:hover {
font-size: 9pt; COLOR: #FF5400;backgroud-color:#333333; 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; backgroud-color:#333333;TEXT-DECORATION:underline;
}
如果把上述代码替换成:
a:link {
font-size: 9pt; COLOR: #333333; TEXT-DECORATION: none;
}
a:hover {
font-size: 9pt; COLOR: #FF5400;backgroud-color:#333333; TEXT-DECORATION:underline;
}
a:visited {
font-size: 9pt; COLOR: #333333; TEXT-DECORATION: none;
}
这样visited始终就会覆盖掉hover上的冲突属性,造成效果不正常(本例中就会看到鼠标指向后的反转色效果没有出来)