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

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

2023-07-12 16:06 作者:一身仙气的凡夫俗子  | 我要投稿

  伪类选择器:

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前端开发入门必看视频的评论 (共 条)

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