linkvisitedhoveractive解释及正确顺序:
a:link 选择器设置指向普通的、未被访问页面的链接的样式
a:visited 选择器用于设置指向已被访问的页面的链接
a:active 选择器用于活动链接
a:hover 选择器用于选择鼠标指针浮动在上面的元素。
text-decoration 属性大多用于去掉链接中的下划线:
例如:a:link{text-decoration:none}看到别人总结的两点参考下记忆:
在CSS中,如果对于相同元素有针对不同条件的定义,宜将最一般的条件放在最上面,并依次向下,保证最下面的是最特殊的条件。
“爱恨原则”(LoVe/HAte),即四种伪类的首字母:LVHA。
再重复一遍正确的顺序:a:link、a:visited、a:hover、a:active
扩展资料:css链接link时,链接可以使用任何css属性,包括字体.颜色.背景等等. 链接有四个状态,可在四个状态时设置不同的属性 a:link - 正常,未访问过的链接 a:visited - 用户已访问过的链接 a:hover -
当用户鼠标放在链接上时 a:active - 链接被点击的那一刻 当为链接的不同状态设置样式时,需要遵循a:hover 必须位于a:link 和a:visited之后,a:active 必须位于 a: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 {color: #FF0000} /* 未访问的链接 */a:visited {color: #00FF00} /* 已访问的链接 */
a:hover {color: #FF00FF}/* 当有鼠标悬停在链接上 */
a:active {color: #0000FF} /* 被选择的链接 */
注释:为了产生预期的效果,在 CSS 定义中,a:hover 必须位于 a:link 和 a:visited 之后!!
注释:为了产生预期的效果,在 CSS 定义中,a:active 必须位于 a:hover 之后!!
给你个网址,不会去看教程http://www.w3school.com.cn/css/pr_pseudo_visited.asp