天天看点

CSS伪类、伪类选择器详解

伪类,是一种为不定时出现的样式而诞生的一类样式。伪类对应的元素和其他元素的区别是,它随着文档操作而产生和销毁,其他元素往往是静止存在的。当伪类元素生效时,伪类样式随之生效。 这就是伪类存在的意义和作用,即为文档的某些变化,附加相应的样式。

拿最常见的伪类,超链接标签伪类,来说。

已访问  a:visited

未访问  a:link

鼠标停留 a:hover

鼠标点击 a:active

对于伪类的使用不仅仅是超链接,包括

  • input的表单输入,当焦点在表单输入时,可以用a:focus
  • first-child 选中第一个子元素
  • first-letter 选中首字母
  • first-line 选中第一行
  • :before, :after 在元素之前和之后插入内容