伪类选择器
语法:
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元素的倒数第二个