美文网首页
CSS伪类区别

CSS伪类区别

作者: 小碗吃不了 | 来源:发表于2020-07-01 17:08 被阅读0次
  • 常用于a和input标签

  • a:link{
       color: blue;
    }
    a:visited{
       color: green;
    }
    a:hover{
      color: red;
    }
    a:focus{
     color:black;
    }
    a:active{
      color: yellow;
    }
    
    input:focus{
      background: yellow;
    }
    input:active{
      background: red;
    }
    
  • 区别

    link表示链接在正常情况下(即页面刚加载完成时)显示的颜色。
    
    visited表示链接被点击后显示的颜色。
    
    hover表示鼠标悬停时显示的颜色。
    
    focus获得聚焦对象的元素,并设置聚焦时的显示效果,主要用于文本框输入文字时使用(鼠标松开时显示的颜色)。
    
    active表示当所指元素处于激活状态(鼠标在元素上按下还没有松开)时所显示的颜色
    
  • 伪类的顺序应为link--visited--hover--focus--active

相关文章

  • 撩课-Web大前端每天5道面试题-Day2

    1.伪类与伪元素的区别? 1) 定义区别 2) 语法区别 3) 伪类/伪元素一览表 2. css样式优先级,各自的...

  • CSS伪类

    CSS伪类 伪类是用来添加一些选择器的特殊效果。 伪类和伪元素的区别 有些人搞不清楚伪类和伪元素的区别,我们先来讲...

  • 【CSS】选择器

    CSS选择器|菜鸟教程 伪类&伪元素 在CSS1和CSS2中对伪类和伪选择器没有做出很明显的区别定义,而二者在语法...

  • CSS伪类区别

    常用于a和input标签 例a:link{ color: blue;}a:visited{ color: ...

  • ::after和:after区别

    ::after是CSS3中伪元素写法,区别于CSS2中:的伪类写法,:after是css2写法,::after是c...

  • 伪元素与伪类的区别

    CSS中伪类与伪元素的概念是很容易混淆的今天就来谈谈伪类与伪元素之间的区别 定义 首先先来看看伪类与伪元素的定义w...

  • css伪类及伪元素

    CSS中伪类与伪元素的概念是很容易混淆的今天就来谈谈伪类与伪元素之间的区别 定义 首先先来看看伪类与伪元素的定义w...

  • 伪类link,hover,active,visited,focu

    伪类link,hover,active,visited,focus的区别 例一: /css/a:link{colo...

  • 伪元素和伪类

    一、伪类 1.1 定义 css伪类:css伪类用于向某些选择器添加特殊效果。 伪类其实与普通的css类相类似,可以...

  • CSS选择器

    伪类 CSS3 伪元素 区别:影响文档的方式不同,伪类的表现有点像给文档添加类,而伪元素的效果就好像有元素被插入到...

网友评论

      本文标题:CSS伪类区别

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