关于 伪类选择器 小笔记

伪类选择器

语法：

ele(元素):hover(状态){

}
常见状态
a hover active link visited

参数：

1.表示—状态

 hover 表示鼠标悬停状态
 link 表示该连接不在历史记录，没有点过
 visited 表示链接已被访问
 active 鼠标按住

2.表示—位置

表示位置的伪类选择器
关键词
first 第一位置
last  最后位置
nth(x) 从上往下数，第x位置
nth-last(x) 倒数，第x位置

伪类选择器还支持使用数学表达式

nth-child支持数学表达式
2n 2n-1 3n
2n = 2,4,6都会被影响
奇数 even
偶数 odd

表示–位置–按类型划分 的伪类选择器

first-of-type 看位置 如div>p 就是 范围内所有p 的first(第一个) 的 样式
last-of-type 看位置 如div>p 就是 范围内所有p 的first(最后一个) 的 样式
nth-of-type(2) 规定所有p元素的第二个
nth-last-of-type(2) 规定所有p元素的倒数第二个

（待更新）