首页 > 试题广场 >

下列关于 CSS 设置链接样式正确的是（）

[单选题]
下列关于 CSS 设置链接样式正确的是（） 
  • a:hover 可以在 a:visited 之前生效
  • a:hover 可以在 a:link 之前生效
  • a:active 必须位于 a:hover 之后
  • a:active 链接被点击后的样式
查看答案及解析
添加回答
小野市头像 小野市
1. link:连接平常的状态
2. visited:连接被访问过之后
3. hover:鼠标放到连接上的时候
4. active:连接被按下的时候
a:link、a:visited、a:hover、a:active
编辑于 2018-07-07 12:08:44 回复(0)
更多回答
徐帅武头像 徐帅武
解析：a:link,a:visited,a:hover,a:active 分别是什么意思?
1. link:连接平常的状态
2. visited:连接被访问过之后
3. hover:鼠标放到连接上的时候
4. active:连接被按下的时候

正确顺序：“爱恨原则”（LoVe/HAte），即四种伪类的首字母:LVHA。再重复一遍正确的顺序：a:link、a:visited、a:hover、a:active .

因为当鼠标经过未访问的链接，会同时拥有a:link、a:hover两种属性，a:link离它最近，所以它优先满足a:link，而放弃a:hover的重复定义。当鼠标经过已经访问过的链接，会同时拥有a:visited、a:hover两种属性，a:visited离它最近，所以它优先满足a:visited，而放弃a:hover的重复定义。究其原因，是css的就近原则“惹的祸”。
发表于 2018-05-31 10:46:11 回复(1)
墨沫漠茉头像 墨沫漠茉
可以这样记忆 驴哈（LVHA）
发表于 2020-10-27 19:07:42 回复(7)
一叶知秋Lee.头像 一叶知秋Lee.
L O V E H A T E 爱恨
  1. link (L)
  2. visited(V)
  3. hover(H)
  4. active(A)

发表于 2022-01-25 10:19:46 回复(2)
你把你offer给我交了头像 你把你offer给我交了
LoVe/HAte 爱恨原则
发表于 2018-06-26 20:49:45 回复(0)
nk12581头像 nk12581

对于有冲突的CSS，浏览器是按照：位置，优先级，顺序 (后>前) 来处理的

因此，考虑到hover鼠标悬停状态时也会有link或visited状态，所以hover得写在这两个后面，使得在鼠标悬停状态优先选择hover的样式。

同理，又考虑到active点下去时，同时也有hover状态，故active得写在hover后

因此就是 lvha 或 vlha 的顺序

编辑于 2021-04-22 18:37:15 回复(0)
penie头像 penie
平时写代码：lvha   LV包包好
实际  lvha  vlha均可
发表于 2020-11-29 00:12:43 回复(0)
6pences头像 6pences
a:active - 链接被点击<mark>时</mark>的样式。

注意不是点击后的样式。
发表于 2019-04-04 10:23:00 回复(0)
Kim_Yang头像 Kim_Yang
完整的伪类有五种，a:link、a:visited、a:focus、a:hover、a:active；推荐的顺序是：LVFHA
a:link、a:visited之间的相对关系不影响，所以 VLFHA 顺序也是可以的。

编辑于 2021-02-02 10:08:09 回复(1)
乱不能头像 乱不能
a答案不太理解，hover不是在visite之前吗
发表于 2021-08-10 20:49:00 回复(2)
hesfggdfg头像 hesfggdfg
D为啥错呀
发表于 2020-12-01 20:17:38 回复(0)
可爱贩卖机头像 可爱贩卖机
A是对的啊
发表于 2021-04-03 20:11:51 回复(0)
是js呀头像 是js呀
1. link:连接平常的状态 2. visited:连接被访问过之后 3. hover:鼠标放到连接上的时候 4. active:连接被按下的时候
发表于 2023-02-23 11:48:35 回复(0)
牛客733319143号头像 牛客733319143号
A怎么错了？
发表于 2020-09-11 13:41:15 回复(1)
Hayle头像 Hayle
爱恨法则，a:active是正在被点击的链接
发表于 2020-08-10 19:46:29 回复(0)
提交观点

问题信息

CSS 前端工程师 网易 2018
上传者：小小
难度：
15条回答 4400浏览

热门推荐

相关试题

扫一扫，把题目装进口袋

求职之前，先上牛客

扫描二维码，进入QQ群

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