a的四个伪类
link:代表打开页面超链接的原始状态
visited:链接被访问过后的状态
hover:鼠标悬停在超链接上的状态
active:当鼠标被按下去的状态
代码及解释如图所示:
关于超链接a的四个伪类的顺序问题
四个伪类的顺序很重要,按照css规则,同一个元素的选择器,后面的样式覆盖前面的,link和visited的顺序可以随意一点。 但也要在前面。
visited要放在hover前面,如果hover在visited的前面,并且visited已经被访问过,则当鼠标再次悬停的时候, visited的颜色会覆盖hover的颜色,不能看到颜色变化,同理,active也应该放到visited后面
再看hover和active,触发active前会先触发hover,如果active在前,不管如何,hover的颜色会覆盖active的颜色
所以正确的顺序应该是代码中的那样。

相关文章:

  • 2021-06-27
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-06-29
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-01-01
  • 2021-11-08
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案