css基础知识复习与学习(5)

css的选则器(3)

之前复习了css的简单选择器,包括id选择器,class选择器,标签选择器(也叫元素选择器),通配选择器。属性选择器,属性选择器中又包括含有属性,属性中只有某个值,属性中含有某个值,属性值中的某个部位含有某些字段等几种情况。今天来复习伪类和伪元素选择器。

  1. 伪类选择器。
    英文中叫pseudo-class,我想这大概是直译过来的吧。实际上伪类选择器更像是一种定制选择器或者特殊场景选择器。就像段誉的六脉神剑一样,只有在一些特殊情况下,他才会使出来。否则是看不到的。
    伪类出现的场景一般是“选择器:伪类名”,最常见的是链接的几种形式,如下:
    1
    2
    3
    4
    5
    6
    7
    8
    9
    /*链接被访问过后的样式*/
    a:visited{
    }
    /*鼠标在链接上时的样式*/
    a:hover{
    }
    /*鼠标点击时的样式*/
    a:active{
    }

下面是一份从mdn抄过来的伪类列表,先浏览一下伪类列表,后面专门来做一个伪类详解。

  1. 伪元素选择器
    英文叫Pseudo-element,似乎也是直译,但我觉得还是比较贴切。它们不是htm标签,但是会实实在在的出现在网页上。用来辅助html实现更好的效果。伪元素的形式和伪类相似,只是多了对冒号“选择器::伪类”
    以下列出伪元素列表:
    ::after
    ::before
    ::first-letter
    ::first-line
    ::selection
    ::backdrop