美文网首页前端
伪类选择器实现链接样式变化

伪类选择器实现链接样式变化

作者: leomei91 | 来源:发表于2017-06-16 10:42 被阅读0次

我们经常有这种需求:链接点击前,点击时,点击后颜色变化.

下面就来实现这个功能:

<style>
//点击前的颜色
    a:link{
        color:black;
    }
//点击后的颜色
    a:visited{
        color:blue;
    }
//移上去的颜色
    a:hover{
        color:green;
    }
//点击中的颜色
    a:active{
        color:red;
    }
</style>
<a href="index.html">link</a>

相关文章

  • 伪类选择器实现链接样式变化

    我们经常有这种需求:链接点击前,点击时,点击后颜色变化. 下面就来实现这个功能:

  • CSS伪类选择器总结

    CSS伪类选择器总结 动态伪类选择器:link, 链接伪类选择器,超链接未被访问前:visited, 链接伪类选择...

  • Css伪类选择器

    css伪类选择器: 静态伪类 只能用于超链接的样式:link 用于未被访问的链接:visited 用于已访问的链接...

  • 对链接应用样式

    简单的链接样式 对链接应用样式最容易的方式是:使用锚类型选择器,例如 a {color:red;} 链接伪类选择...

  • CSS的优先级

    内联样式 > ID 选择器 > 类选择器 = 属性选择器 = 伪类选择器 > 元素(类型)选择器 = 伪元素选择器

  • 精通CSS高级Web标准解决方案读书笔记-02为样式找到应用目标

    常用选择器(类型选择器,后代选择器)p #id .class 伪类链接伪类:link :visited 动态伪类:...

  • css3-新增选择器

    本文目录 1.属性选择器 2.伪类选择器(普通伪类、目标伪类、链接伪类) 3.伪元素选择器 1.属性选择器 E[a...

  • 前端03

    1.伪类选择器 伪类专门用来表示元素的一种特殊的状态 2伪元素选择器 3选择器的优先级 内联样式ID选择器类和伪类...

  • css选择器、伪元素

    关于伪类选择器 a标签的伪类选择器顺序:a:link->a:visited(点击后的样式)->a:hover(鼠标...

  • css面试

    (1)选择器权重 important > 内嵌样式 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象...

网友评论

    本文标题:伪类选择器实现链接样式变化

    本文链接:https://www.haomeiwen.com/subject/mtbpqxtx.html