伪类选择器
伪类(不存在的类,特殊的类)
a)伪类用来描述一个元素的特殊状态,比如,第一个子元素、被点击的元素、鼠标移入的元素…
b)伪类一般情况下都是使用 : 开头
子元素伪类
:first-child // 第一个子元素
:last-child // 最后一个子元素
:nth-child( ) //选中第 n 个子元素
以上这些伪类都是根据所有的子元素进行排序
:first-of-type
:last-of-type
:nth-of-type()
这几个伪类的功能和上述的类似,不同的是他们是在同类型元素中进行排序
特殊值
特殊值:
n 表示:第n个 n的范围0到正无穷
2n 或 even 表示 :选中偶位数的元素
2n+1 或 odd 表示:选中奇位数的元素
not(否定)伪类
:not( ) 否定伪类 //将符合条件的元素从选择器中去除
hover(鼠标移入悬停覆盖)伪类
:hover 表示鼠标移入的状态
:hover{
//表示鼠标移入的状态
}
active(鼠标点击)伪类
:active 表示鼠标点击
:active{
//表示鼠标点击
}
超链接的伪类
:link 表示没访问过的链接(正常的链接)
:visited 表示访问过的链接
:link{
//表示没访问过的链接(正常的链接)
}
:visited{
//表示访问过的链接
}
由于隐私的原因,所有visited这个伪类只用来修改链接的颜色
小结
:visited放在:hover和:active后面会把这两个效果覆盖掉的
:hover必须在CSS定义中的a:link和a:visited之后才能生效
:active必须在CSS定义中的a:hover之后才能生效