adjust the hover state of an anchor tag - zilongxuan001/LearnFreecode GitHub Wiki

调整锚定标签的hover状态

理解

这个挑战集中于伪类(pseudo-class)的使用。 一个伪类是个关键词,可以加在选择子上,目的是选择元素的特殊状态。

例如,anchor标签的hover状态样式可以用:hover伪类选择子改变。

当鼠标移到它上面时,可以改变锚定标签的color为红色,

a:hover {
  color: red;
}

练习

当鼠标移到它上面时,可以改变锚定标签的color为蓝色,

<style>
  a {
    color: #000;
  }

  a:hover {
    color: blue;
  }
  
  
  
</style>
<a href="http://freecatphotoapp.com/" target="_blank">CatPhotoApp</a>

来源

Applied Visual Design: Adjust the Hover State of an Anchor Tag | Learn freeCodeCamp

CHANGELOG

2018-10-23 15:09:22

⚠️ **GitHub.com Fallback** ⚠️