浮山狼de博客

超链接的样式，例如 hover,visited,active样式 定义会出现没有实际效果的情况，实际上为了保证能看到不同状态下的连接样式,正确的样式顺序应该是：

” link – visited – hover – active “或” LVHA “(缩写)。

分析原因：

每个选择符selector都有一个“specificity” 权重，如果两个selectors应用于同一个元素,具有较高specificity的选择符将胜出，具有优先权。例如：

P.hithere {color: green;} /* specificity = 1,1 */

P {color: red;} /* specificity = 1 */

任何设置了类class＝hithere的段落内容显示为绿色而不是红色。两个selectors都设置了颜色，但是具有更高specificity的选择符将胜出。

伪类如何影响specificity呢？它们具有完全相同的加权值，下列样式具有相同的specificity加权值： Continue reading »超链接css样式优先级