html5伪类怎么用

HTML5伪类是CSS3中的一个重要特性，它允许我们根据元素的状态或属性来选择元素，我们可以使用：hover伪类来选择鼠标悬停在元素上时的元素，或者使用：first-child伪类来选择每个父元素的第一个子元素。

HTML5伪类的使用方法如下：

1、:link 链接未被访问的状态

2、:visited 链接已被访问的状态

3、:hover 鼠标悬停在元素上的状态

4、:active 元素被激活（在鼠标点击与释放之间发生的事件）的状态

5、:focus 元素获得焦点的状态

6、:first-child 选择属于其父元素的首个子元素的每个元素

7、:last-child 选择属于其父元素的最后一个子元素的每个元素

8、:nth-child(n) 选择属于其父元素的第n个子元素，其中n可以是数字、关键词或表达式

9、:only-child 选择属于其父元素的唯一子元素的每个元素

10、:not(selector) 选择除指定的元素之外的所有元素

11、:root 选择文档的根元素

12、:empty 选择没有子元素的元素（包括文本节点）

13、:target 选择当前活动的页面片段（URL中的fragment指示符）

14、:enabled 选择启用状态的元素

15、:disabled 选择禁用状态的元素

16、:checked 选择选中状态的复选框或单选框

17、:default 选择默认选项的元素

18、:valid 选择验证通过的表单元素

19、:invalid 选择验证未通过的表单元素

20、:in-range 选择值在指定范围内的元素

21、:out-of-range 选择值不在指定范围内的元素

22、:required 选择必需填写的表单元素

23、:optional 选择可选填的表单元素

24、:read-write 选择用户可读和可写的元素

25、:read-only 选择用户只读的元素

26、:read-write-plaintext 选择用户可读和可写的纯文本元素

27、:read-only-plaintext 选择用户只读的纯文本元素

28、:placeholder-shown 选择占位符文本可见的元素

29、:placeholder-hidden 选择占位符文本不可见的元素

30、:indeterminate 选择不确定状态的进度条元素

31、:checked 选择选中状态的复选框或单选框

32、:default 选择默认选项的元素

33、:valid 选择验证通过的表单元素

34、:invalid 选择验证未通过的表单元素

35、:in-range 选择值在指定范围内的元素

36、:out-of-range 选择值不在指定范围内的元素

37、:required 选择必需填写的表单元素

38、:optional 选择可选填的表单元素

39、:read-write 选择用户可读和可写的元素

40、:read-only 选择用户只读的元素

41、:read-write-plaintext 选择用户可读和可写的纯文本元素

42、:read-only-plaintext 选择用户只读的纯文本元素

43、:placeholder-shown 选择占位符文本可见的元素

44、:placeholder-hidden 选择占位符文本不可见的元素

45、:indeterminate 选择不确定状态的进度条元素

46、nth-last-child(an+b) an和b两个参数分别代表一个数字和一个变量，用于匹配一个元素的倒数第n个兄弟节点，这个伪类可以匹配任意数量的相邻兄弟节点。

47、nth-of-type(an+b) an和b两个参数分别代表一个数字和一个变量，用于匹配一个类型的元素的倒数第n个兄弟节点，这个伪类只能匹配相同类型的兄弟节点。

48、first-of-type 这个伪类用于匹配一个类型的第一个兄弟节点，这个伪类只能匹配相同类型的兄弟节点。

49、last-of-type 这个伪类用于匹配一个类型的最后一个兄弟节点，这个伪类只能匹配相同类型的兄弟节点。

50、only-child 这个伪类用于匹配只有一个子节点的元素，这个伪类只能匹配只有一个子节点的元素。

51、only-of-type 这个伪类用于匹配一个类型的唯一一个子节点的元素，这个伪类只能匹配只有一个子节点且类型相同的元素。

52、empty 这个伪类用于匹配没有任何内容的元素，这个伪类可以匹配空字符串、空格、换行等空白字符。

53、root 这个伪类用于匹配文档的根元素，这个伪类只能匹配文档的根元素。

54、target 这个伪类用于匹配当前活动的页面片段（URL中的fragment指示符），这个伪类只能匹配当前活动的页面片段。