伪类选择器

伪类专门用来表示元素的一种的特殊的状态,
比如:访问过的超链接,比如普通的超链接,比如获取焦点的文本框
当我们需要为处在这些特殊状态的元素设置样式时,就可以使用伪类为没访问过的链接设置一个颜色为绿色

  • :link表示普通的链接(没访问过的链接)
  • :visited- 表示访问过的链接
    • 浏览器是通过历史记录来判断一个链接是否访问过,由于涉及到用户的隐私问题,所以使用visited伪类只能设置字体的颜色
  • :hover伪类表示鼠标移入的状态
  • :active表示的是超链接被点击的状态
    • hover和:active也可以为其他元素设置
  • 伪类顺序:link visited hover active

image.png

否定伪类

选中除该选择之外的所有元素
:not(选择器){

}
例如:p:not(.hello)
p:not(#id名)

伪元素

使用伪元素来表示元素中的一些特殊的位置,为p中第一个字符来设置一个特殊的样式,为p中的第一行设置一个背景颜色为黄色

  • :before表示元素最前边的部分
    • 一般before都需要结合content这个样式一起使用,通过content可以向before或after的位置添加一些内容且不能选中
  • :after表示元素的最后边的部分