CSS 设置链接样式为什么会有先后顺序

html-css011

CSS 设置链接样式为什么会有先后顺序,第1张

其实楼主实践下就知道为什么了,我就解释后面那个吧,其余的楼主自己实践。

a:active 必须位于 a:hover 之后

a:active是触发的时候的样式,比如鼠标按下那个按钮

a:hover是鼠标移过的时候的样式

按下的时候,鼠标也是在hover状态吧,所以a:active在a:hover之前会认为是一直hover active状态就出不来了,样式表会先获取a:active样式 但是后面有hover 然后发现hover状态,就被覆盖了,不知道楼主懂没。。。

首先:a:link 和a:visited 并非全是常规状态, a:hover 和a:active 也并非全是鼠标经过时的状态a:link:超链接未被点击时a:hover :鼠标移上超链接时a:active:超链接被点击时a:visited :超链接被点击后直接写a可能就等同于你说的常规状态,它是包含指所有的a标签,包括链接与锚点(希望你知道什么是锚点),而a:link指的是a标签里面含有href属性的a标签,他这么写常规状态下没错,但是遇到他的页面有锚点的话,他可能就会为调试页面大费脑筋了。

链接样式的定义顺序以及定义:

a:link {} /* 未访问的链接 */

a:visited {} /* 已访问的链接 */

a:hover {}/* 当有鼠标悬停在链接上 */

a:active {} /* 被选择的链接 */

你重新设置一下试试!

你代码发的不全,我无法进行测试!