首页 > 试题广场 >

超链接访问过后 hover 样式就不出现了，被点击访问过的超

[单选题]
超链接访问过后 hover 样式就不出现了，被点击访问过的超链接样式不再具有 hover 和 active 了，解决方法是改变 CSS 属性的排列顺序？（） 
  • a:link {} a:visited {} a:hover {} a:active {}
  • a:visited {} a:link {} a:hover {} a:active {}
  • a:active {} a:link {} a:hover {} a:visited {}
  • a:link {} a:active {} a:hover {} a:visited {}
查看答案及解析
添加回答
最讨厌晚上9点半，钉钉响起的声音头像 最讨厌晚上9点半，钉钉响起的声音
Link,visited,hover,active.
 L o v e h a t e  爱与恨
发表于 2017-04-10 23:18:12 回复(24)
痴心布偶头像 痴心布偶
固定顺序驴lv哈ha
发表于 2017-01-31 07:59:42 回复(13)
红扫把头像 红扫把
只有我想到lover和***er的巫妖王吗_(:зゝ∠)_
发表于 2018-02-18 10:14:41 回复(0)
牛客9519242号头像 牛客9519242号
a
发表于 2016-12-10 11:50:15 回复(0)
准了头像 准了
为了符合浏览器解析CSS所遵循的就近原则，将一般的放在上面，将特殊的放在下面。
a:link; a:visited; a:hover; a:active;
a:hover必须放在a:link和a:visited之后；
a:active必须放在a:hover之后。
编辑于 2017-05-23 14:43:50 回复(1)
漪萱紫笎头像 漪萱紫笎
a:link是未访问的链接；a:visited是已访问的链接；a:hover是鼠标悬停在链接上；a:active是被选择的链接
执行顺序是从上向下
发表于 2016-12-22 09:52:10 回复(1)
Wendy-lxq头像 Wendy-lxq
解析如下：
1）超链接访问过后hover样式就不出现了
所以，a:hover必须放在a:link和a:visited之后
2）被点击访问过的超链接样式不再具有hover和active了
所以，a:active必须放在a:hover之后

总结：a:link {} a:visited {} a:hover {} a:active {}
发表于 2017-08-13 11:27:14 回复(0)
今天早上又起不来头像 今天早上又起不来
正确顺序link,visited,hover,active
link:选择所有未访问的超链接
visited:选择所有访问过的超链接
hover:鼠标悬停到链接上的时候
active:鼠标按下链接未松开的时候
要点击一个超链接的时候，link首先生效，然后鼠标悬停hover，此时由于并未点击所以link和hover同时生效，鼠标放到了链接上，我们肯定希望hover生效，css中后写的样式优先生效，所以需要将hover写在link后面(下面)让hover覆盖掉link；
按下鼠标触发active，此时link，hover，acitve都生效，所以active需要写在link和hover后面将他们俩覆盖；
松开鼠标后访问超链接，此时visited生效，但如果要再次点击，又会出现上述两种覆盖问题，只不过需要被覆盖的从link变成了visited，因此hover要写在visited后面，active要写在visited和hover后面；
至于link和visited，理论上来说应该没有先后顺序要求，但实际中应当是先未访问，然后才是访问后，所以个人猜测先写link后写visited能更有逻辑性?
编辑于 2021-11-08 16:52:37 回复(1)
未忆wy头像 未忆wy

为了符合浏览器解析CSS所遵循的就近原则，将一般的放在上面，将特殊的放在下面：

a: hover必须放在a:link和a:visited之后；

a: active必须放在a:hover之后。

即：a:link {} a:visited {} a:hover {} a:active {} (love hate 爱与恨)

       1. a:link{color: #FF0000} /* 未访问的链接 */ 

       2. a:visited{color: #00FF00} /* 已访问的链接 */

       3. a:hover{color: #FF00FF} /* 鼠标移动到链接上 */

4. a:active{color: #0000FF} /* 选定的链接 */

发表于 2019-03-11 17:01:25 回复(0)
pyy彭于晏头像 pyy彭于晏
记忆小技巧：lvha（鹿哈）
发表于 2022-03-24 10:52:27 回复(1)
不减十斤，不换昵称头像 不减十斤，不换昵称
LV 哈
发表于 2018-02-14 17:12:13 回复(2)
王越Messi头像 王越Messi
love hate
发表于 2017-02-04 19:46:24 回复(0)
Tone6头像 Tone6
Lvha 驴哈
发表于 2022-07-16 11:08:07 回复(0)
蒲公英想养花头像 蒲公英想养花
靠后的样式优先级更高，后面样式覆盖前面样式；顺序：link visited hover active；记忆：绿虾；首先是链接样式，然后是访问过样式，接着是悬浮样式，最后是选中样式。
发表于 2022-06-27 11:50:49 回复(0)
牛客722503979号头像 牛客722503979号
顺序：lvha
发表于 2022-03-10 13:00:38 回复(0)
牛客140470076号头像 牛客140470076号 
1. a:link{color: #FF0000} /* 未访问的链接 */  
2. a:visited{color: #00FF00} /* 已访问的链接 */
3. a:hover{color: #FF00FF} /* 鼠标移动到链接上 */ 
4. a:active{color: #0000FF} /* 选定的链接 */
编辑于 2019-01-11 15:40:56 回复(0)
Ivan😂1头像 Ivan😂1
来个lv哈
发表于 2017-09-07 08:13:54 回复(0)
JackZhouMine头像 JackZhouMine
驴哈！lvha
发表于 2017-03-06 19:44:58 回复(0)
前端Hu头像 前端Hu
Love爱与hate恨
发表于 2023-10-30 16:42:29 回复(0)
来个好offer吧球球头像 来个好offer吧球球
对于相同优先级的css样式，解析遵循就近原则，即排在后面的优先级更大，所以一般将特殊的样式放在后面。
发表于 2022-11-17 23:24:43 回复(0)
提交观点

问题信息

2017 CSS 前端工程师 盛趣游戏
来自：盛趣游戏2017校招前...
上传者：牛100
难度：
53条回答 7612浏览

热门推荐

相关试题

扫一扫，把题目装进口袋

求职之前，先上牛客

扫描二维码，进入QQ群

扫描二维码，关注牛客公众号