学习日记--css伪类的含义及使用循序

参考:https://www.cnblogs.com/jelly7723/p/5620929.html#7

1.含义:

:link  未访问过的

:visited 已访问过的

:hover 鼠标悬浮时触发

:active 鼠标点击时触发

 

2.顺序:

:link  

:visited 

:hover 

:active 

 

3.实例:

<style>
    
    #b7:link{
        color: green;
    }

    #b7:visited{
        color: yellow;
    }
    
    #b7:hover{
        color: red;
    }
    #b7:active{
        color: blue;
    }
    
</style>

<a href="#2" id="b7">点击我</a>

 

posted @ 2022-12-06 22:20  轻风细雨_林木木  阅读(6)  评论(0编辑  收藏  举报