伪类选择器

一 概念

伪类选择器

1、a标签四大伪类

  • :link:未访问状态
  • :hover:悬浮状态
  • :active:活跃状态
  • :visited:已访问状态

2、内容伪类

  • :before:内容之前
  • :after:内容之后
:before, :after {
content: "ctn";
}

3、索引伪类

  • :nth-child(n):位置优先,再匹配类型
  • :nth-of-type(n):类型优先,再匹配位置
v_hint:值可以为位置数,也可以为2n、3n...,代表2的倍数,3的倍数,且位置数从1开始

4、取反伪类

  • :not(selector):对selector进行取反

二 代码示范





伪类选择器




访问页面
访问过页面

box


原来的文本



span01
div01

div02


12345
67890

你可能感兴趣的:(伪类选择器)