欢迎光临散文网 会员登陆 & 注册

千锋前端浠浠呀老师HTML+CSS教程,零基础web前端开发入门必看视频

2023-07-12 13:52 作者:1稳稳  | 我要投稿

伪类选择器:

1、结构伪类选择器

1、:first-child:第一个子元素

2、:last-child:最后一个子元素

3、:nth-child(参数)

参数取值:

偶数:2n ========== even

奇数:2n+1 ========== odd

2n、3n、xn ---------表示倍数关系

2、3、4 表示匹配到第几个子元素

4、:nth-of-type(参数)

先匹配到同一类型的元素,然后匹配指定的第几个

2、否定伪类选择器

:not(选择器){}

表示排除,除了...以外

3、根目录伪类选择器

:root

4、内容为空伪类选择器

:empty

有空格都不算为空

5、目标伪类选择器(主要应用在锚点上)

:target

6、UI状态伪类选择器(主要应用在表单元素上面)

:enable:表示匹配处于可用状态的元素

:checked:表示匹配处于选中状态的元素

:disabled:表示匹配处于禁用状态的元素

:focus:表示匹配获取到光标元素

::selection表示更改文本选中状态下的高亮样式(支持颜色样式)

7、超链接动态伪类选择器

:link

:visited

:hover

:active



千锋前端浠浠呀老师HTML+CSS教程,零基础web前端开发入门必看视频的评论 (共 条)

分享到微博请遵守国家法律