浏览器支持的锚伪类

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

几个伪类必须按照一定的顺序(l-v-h-a),a:hover必须被置于a:link和a:visited之后,才是有效的;a:active必须被置于a:hover之后,才是有效的。 书写顺序很重要:a:link - a:visited - a:hover - a:actived。

a:link /* 未访问的链接 */
a:visited /* 已访问的链接 */
a:hover /* 鼠标移动到链接上 */
a:active  /* 选定的链接 */

链接伪类选择器

a:link     /*选择所有未被访问的链接*/
a:visited  /*选择所有己被访问的链接*/
a:hover   /*选择鼠标指针位于其上的链接*/
a:active  /*选择活动链接(鼠标按下未弹起的链接) */
链接伪类选择器注意事项:
1.为了确保生效,请按照LVHA的循顺序声明:link - :visited - :hover - :active.
2.记忆法:lovehate或者Iv包包hao。
3.因为a链接在浏览器中具有默认样式,所以我们实际工作中都需要给链接单独指定样式。

猜你喜欢

转载自blog.csdn.net/qq_43944285/article/details/124895537
今日推荐