超级实例详细讲解超级连接的四种状态的应用

问:
我已经使用CSS定义了超链接的样式，但是浏览时hover(鼠标悬停)却不起作用。为什么会这样？是浏览器的问题吗？
答:
虽然你认为可能原因是浏览器问题，但是更多的可能是你样式定义时顺序错误。为了保证能看到不同状态下的连接样式,正确的样式顺序应该是：
\" 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加权值：
A:link {color: blue;} /* specificity = 1,1 */
A:active {color: red;} /* specificity = 1,1 */

A:hover {color: magenta;} /* specificity = 1,1 */
A:visited {color: purple;} /* specificity = 1,1 */
这些都是用于超链接的样式设置。大部分情况下需要同时设置其中的几个样式，例如,一个未被访问的超链接在鼠标悬停和点击时可设置“鼠标悬停”和“鼠标激活“两种状态下的不同样式,由于

注:偶是女滴,千真万确,毋庸置疑!