在DW,CSS样式中link,visited,hover,active这四个分别表示什么意思?

html-css012

在DW,CSS样式中link,visited,hover,active这四个分别表示什么意思?,第1张

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