不用再加其余伪类了,在此以前用CSS一贯尚未晤面过那几个标题

这几个是很容易的事物,但在 firefox 下却怎么都不对.原因是a:hover
那样的伪类定义混乱引起的. 最终本人得出的 ie / firefox 通用的为

从前用CSS一贯未有蒙受过这么些主题材料,在目前给2个本科同学做的花色里面。现身局地难点,搜索引擎查了1部分网址和素材,开采许几人问到那几个主题素材,给出的结果小编试了试,半数以上都不得法。

a:hover {..}

 

a{..}

提交作者试的各种,也许会对我们有局部帮忙:

无须再加其他伪类了,不然反而会出错.

澳门永利备用网址 1😉

另有网络朋友如是说

澳门永利备用网址 2澳门永利备用网址 3代码


A:link {
 color: #000000;
 TEXT-DECORATION: none
}
A:visited {
 COLOR: #000000;
 TEXT-DECORATION: none
}
A:hover {
 COLOR: #ff7f24;
 text-decoration: underline;
}
A:active {
 COLOR: #ff7f24;  
 text-decoration: underline;
}

http://www.cnblogs.com/xiaochaohuashengmi/archive/2010/09/06/1819624.html

澳门永利备用网址 4😉

【经验】在CSS中定义a:link、a:visited、a:hover、a:active顺序

在此以前用CSS一向未曾碰到过这些难点,在如今给三个本科同学做的体系里面。出现一些标题,找寻引擎查了一些网址和素材,开掘许多人问到那几个主题材料,给出的结果笔者试了试,大多数都不得法。

 

交给笔者试的顺序,大概会对大家有局地救助:

澳门永利备用网址 5代码

A:link {
 color: #000000;
 TEXT-DECORATION: none
}
A:visited {
 COLOR: #000000;
 TEXT-DECORATION: none
}
A:hover {
 COLOR: #ff7f24;
 text-decoration: underline;
}
A:active {
 COLOR: #ff7f24;  
 text-decoration: underline;
}

复制代码

 

 

先天观察一位无名氏朋友的难点,又去查了有的资料,这厮讲的越发彻底:引自灵眸●第一炉白木香博客

 

a :link、a:hover、a:visited那多少个成分,定义CSS时候的顺序今非昔比,也会一贯形成链接展现的功用不相同。
自己想,原因就在于浏览器解释CSS时服从的“就近原则”。

举例来讲:
自己想让未访问链接颜色为灰黄,活动链接为茶青,已走访链接为革命:

  • 首先种情形:小编定义的依次是a:visited、a:hover、a:link,那时会开采:把鼠标放到未访问过的均红链接上时,它并不成为莲灰,唯有位于已走访的革命链接上,链接才会变绿。
  • 其次种境况:我把CSS定义顺序调度为:a:link、a:visited、a:hover,那时,无论你鼠标经过的链接有未有被访问过,它都会成为藏蓝啦。

那是因为,四个鼠标经过的未访问链接同时拥有a:link、a:hover两种属性,在率先种情状下,a:link离它近年来,所以它预先知足a:link,而放任a:hover的重新定义。
在其次种情状,无论链接有未有被访问过,它首先要检查是否符合a:hover的专门的事业(便是不是有鼠标经过它),满意,则变为水晶绿,不满足,则继续前行查找,平昔找到知足条件的定义截至。

一句话:在CSS中,如若对于同一成分有针对性分裂口径的定义,宜将最相似的规范化放在最上边,并相继向下,保险最上边包车型大巴是最新鲜的口径。
那般,浏览器在呈现元素时,才会从优异到一般、逐级进步验证条件,才会使您的每二个CSS语句都起到作用。
当然,假设有意打乱顺序,也会招致局部特种的意义。比如,可感到链接成立出下划线颜色与文字颜色的出入。

前不久出人意料意识,原来那一个CSS难题1度有哲人提议啦。照旧个老外呢。他给总计了二个福利记念的“爱恨原则”(LoVe/HAte),即各样伪类的首字母:LVHA。
再另行一回精确的顺序:a:link、a:visited、a:hover、a:active
.

 

 

 

 

最后经验补充:

一.鼠标经过的“未访问链接”同时持有**a:link、a:hover**二种天性,前边的属性会覆盖前边的性质定义;

二.鼠标经过的“已走访链接”同时具备**a:visited、a:hover**两种特性,前面包车型大巴属性会覆盖后面包车型客车性质定义

 

从而说,a:hover定义一定要放在a:link、a:visited的末尾,,,

 

 

后天看看1位无名朋友的主题材料,又去查了1部分资料,这厮讲的分外通透到底:引自灵眸●第一炉白木香博客

 

a :link、a:hover、a:visited那多少个元素,定义CSS时候的顺序今非昔比,也会直接产生链接展现的效果区别。
自己想,原因就在于浏览器解释CSS时依据的“就近原则”。

比如来讲:
本人想让未访问链接颜色为栗色,活动链接为铁蓝,已走访链接为革命:

  • 第3种情况:笔者定义的逐条是a:visited、a:hover、a:link,那时会发觉:把鼠标放到未访问过的深草绿链接上时,它并不成为灰绿,唯有位于已走访的甲午革命链接上,链接才会变绿。
  • 其次种情景:作者把CSS定义顺序调解为:a:link、a:visited、a:hover,那时,无论你鼠标经过的链接有未有被访问过,它都会化为银白啦。

那是因为,2个鼠标经过的未访问链接同时具有a:link、a:hover三种属性,在第3种景况下,a:link离它方今,所以它预先满意a:link,而放任a:hover的再度定义。
在其次种状态,无论链接有未有被访问过,它首先要检查是不是符合a:hover的正规(正是不是有鼠标经过它),满意,则变为天蓝,不知足,则持续升高查找,平素找到满意条件的定义甘休。

一句话:在CSS中,假使对于同样成分有针对性不相同条件的概念,宜将最相似的规范化放在最上边,并一一直下,保证最上边包车型地铁是最杰出的口径。
澳门永利备用网址,如此那般,浏览器在显示存分时,才会从出色到一般、逐级升高验证条件,才会使你的每三个CSS语句都起到职能。
理所当然,假如有意打乱顺序,也会导致部分极度的成效。举个例子,可感觉链接创造出下划线颜色与文字颜色的出入。

前不久意料之外开掘,原来这几个CSS难点一度有哲人建议啦。如故个老外呢。他给总括了3个方便人民群众纪念的“爱恨原则”(LoVe/HAte),即多样伪类的首字母:LVHA。
再重复一遍精确的依次:a:link、a:visited、a:hover、a:active
.