css之动态伪类选择器(超链接)

• 没有被访问过：link
• 访问返回过的：visited
• 鼠标悬浮样式：hover
• 鼠标点击时的样式：active

如何实现效果？

首先写一个超链接

<a href="https://moxingbk.com">点击去墨星博客</a>

然后通过伪类选择器进行控制

/* 没有访问过的 */
        a:link{
            color: red;
        }
        /* 访问返回过的 */
        a:visited{
            color: grey;
        }
        /* 鼠标悬浮样式 */
        a:hover{
            color: skyblue;
        }
        /* 鼠标点击时的样式 */
        a:active{
            color: greenyellow;
        }

注意

• link和visited是a标签所独有的。hover和active是所有标签都可用

• 在a标签中使用这些的顺序不能出错

记忆口诀：lv( link visited 包包)好(h hover)啊(a active)