伪类选择器：动态伪类、结构伪类、否定伪类、UI伪类、目标伪类、语言伪类

什么是伪类：很像类，但不是类，是元素特殊状态的一种描述。

作用：选中特殊状态的元素

1.动态伪类

什么是动态伪类：因为它的变化是动态的，拿a:hover举例，一会悬浮一会不悬浮，是动态变化的。

拿a标签举例：

a:link  代表没有访问过的超链接           a:visited  代表访问过的超链接

a:hover 代表鼠标悬浮时的状态            a:active   代表鼠标按下时的状态

注意 ：如果这四种状态同时存在的话，顺序不能乱，前两种状态是a标签特有的状态，后两种是通用的

还有input:focus获取焦点，表单类才能使用:focus伪类

猜猜我是访问过了，还是没访问过

2.结构伪类

什么是结构伪类：需要先知道代码结构，再从中选择出符合条件的元素

div>p:first-child：选中div的第一个儿子且是p元素

出个小题：

看看会选中谁，答案放最后咯，对应 答案1

:first-child对应的就是:last-child,选中最后一个子元素

div>p:nth-child(n) :括号里的n在这里代表数字0~正无穷，意思为选中div的第n个儿子且是p元素，x从0开始算，取值为0~正无穷，如果写成n则代表全部选中，写2n或者写even代表选中偶数项，写2n+1或者写odd代表选中奇数项，-n+3代表选中前3个，因为n是从0开始算的，官网要求括号里是an+b的形式，所写不能写成3-n。

如果是只想在某一个类型里边去找第一个，这里比如找div里的第一个为p元素的儿子：div>p:first-of-type，同理div>p:last-of-type就是选中最后一个，同理div>p:nth-of-type(),括号里是多少，就是找p同类型的第几个。

有正数就会有倒数，div>p:nth-last-child(n)，n为多少就是倒着数第几个。div>p:nth-last-of-type(n),n为多少就是倒着数为p同类型的第几个。

结构伪类总结：

3.否定伪类

排除类名为.fail的元素

4.UI伪类

代码中实现效果：选中复选框按钮时，按钮变大，取消时按钮恢复正常

选中被禁用的input元素：

相反的，这是选中可用的：

5.目标伪类

目标伪类：选中锚点所指向的元素

配合a标签的锚点使用，选中div哪个id元素，哪个id元素背景就为绿色

6.语言伪类

语言伪类：根据指定的语言选择元素

结构伪类对应的答案1：

怎么样，有没有猜对，解析：注意看是后代选择器，只要满足是div的后代，且p标签位于其父元素的第一个就会选中，p的父元素是谁都可以。