1、:link,链接:超链接点击之前。 2、:visited,访问过的:链接被访问过之后。 3、:hover,悬停:鼠标放到标签上的时候。 4、:active,激活:鼠标点击标签,但是不松手时。 在css中,四种状态必须按照固定的顺序写: a:link 、a:visited 、a:hover 、a:active 如果不按照顺序,那么将失效。“爱恨准则”:love hate。
第一种情况:我定义的顺序是a:visited、a:hover、a:link,这时会发现:把鼠标放到未访问过的蓝色链接上时,它并不变成绿色,只有放在已访问的红色链接上,链接才会变绿。 第二种情况:我把CSS定义顺序调整为:a:link、a:visited、a:hover,这时,无论你鼠标经过的链接有没有被访问过,它都会变成绿色啦。 这是因为,一...
link:连接平常的状态 active:连接被按下的时候 visited:连接被访问过之后 hover:鼠标放到连接上的时候 具体一点就是: :hover版本:CSS1/CSS2 兼容性:IE4+ NS4+ 语法: Selector : hover { sRules } 说明: 设置对象在其鼠标悬停时的样式表属性。 在CSS1中此伪类仅可用于a对象。且对于无href属性(特性)的a对...
a:active 选择器用于活动链接, a:hover 选择器用于选择鼠标指针浮动在上面的元素。 text-decoration 属性大多用于去掉链接中的下划线: 例如:a:link{text-decoration:none;}看到别人总结的两点参考下记忆: 在CSS中,如果对于相同元素有针对不同条件的定义,宜将最一般的条件放在最上面,并依次向下,保证最下面的是最特殊...
定义css时候的顺序不同,也会直接导致链接显示的效果不同。原因可能在于浏览器解释css时遵循的“就近原则”。正确顺序:a:link、a:visited、a:hover、a:active 解释: link:链接平常的状态 visited:链接被访问过后 hover:鼠标放到连接上的时候 active:链接被按下的时候 ...
首先，a:link 和 a:visited 并非仅仅是常规状态，同样地，a:hover 和 a:active 也不完全代表鼠标经过时的状态。具体来说：a:link 表示超链接在未被点击时的状态；a:hover 表示鼠标移上超链接时的状态；a:active 表示超链接被点击时的状态；a:visited 表示超链接被点击后访问过的状态。通常情况下...
/* a 标签选择器 同时设置的样式等同于 a:link 链接伪类选择器 */.nav a{color:gray;}/* :hover 链接伪类选择器 鼠标经过变成红色 */.nav a:hover{color:red;} CSS基础选择器 : 标签选择器 类选择器 ID 选择器 通配符选择器 3、代码示例
定义CSS时候的顺序不同,也会直接导致链接显示的效果不同。原因可能在于浏览器解释CSS时遵循的“就近原则”。正确的顺序:a:link、a:visited、a:hover、a:active 解释: link:连接平常的状态 visited:连接被访问过之后 hover:鼠标放到连接上的时候 active:连接被按下的时候 ...
link:连接平常的状态 active:连接被按下的时候 visited:连接被访问过之后 hover:鼠标放到连接上的时候 详细的: :hover版本:CSS1/CSS2 兼容性:IE4+ NS4+ 语法: Selector : hover { sRules } 说明: 设置对象在其鼠标悬停时的样式表属性。 在CSS1中此伪类仅可用于a对象。且对于无href属性(特性)的a对象,此...
a:link--->a:visited--->a:hover--->a:active。 可以这样记:LoVe HAte(爱恨)[注意大写字母] 结果: 在CSS中, 一、若存在a{……}的定义 ①如果a:link{}也存在,那么不管a{}放到哪里,a{}和a:link{}冲突的属性都会采用a:link{}的,不冲突的属性若存在a{}中,会被a:link{}、 a:visited{} 、a:h...