关于 CSS 的一些小 tips

1.锚伪类

在支持 css 的浏览器中,链接的不同状态都可以不同的方式显示,这些状态包括:活动状态,已被访问状态,未被访问状态和鼠标悬停状态。用来表示链接不同状态的伪类就是锚伪类。

1
2
3
4
a:link {colorgreen;} /* 未访问的链接 */
a:visited {colorblue;} /* 已访问的链接 */
a:hover {color:orange;} /* 鼠标移动到链接上 */
a:active {color: yellow;} /* 选定的链接 */
  • 几个伪类必须按照一定的顺序(l-v-h-a),a:hover必须被置于a:link和a:visited之后,才是有效的;a:active必须被置于a:hover之后,才是有效的。
  • 书写顺序很重要:a:link - a:visited - a:hover - a:actived。

posted on 2019-09-17 15:05  半分可爱与温柔啊  阅读(86)  评论(0编辑  收藏  举报

导航