css3伪类选择器/状态伪类选择器使用--小技巧
发布日期:2021-06-30 11:49:01
浏览次数:3
分类:技术文章
本文共 980 字,大约阅读时间需要 3 分钟。
目录
伪类选择器
:root{ } 匹配根元素 element:first-child{ } 选择一组相同元素中的第一个元素element:last-child{ } 选择一组相同元素中的最后一个元素element:nth-child(n){ } 选择一组相同元素中的第n个元素,n可以是数值、关键词、表达式 偶数:even 或 2n 奇数:odd 或 2n+1element:nth-last-child(n){ } 选择一组相同元素中的倒数第n个元素,n可以是数值、关键词、表达式
box1box2box3box4box5box6
不同元素间使用
element:nth-of-type(n){ } 一组元素中选择特定类型的元素,n可以是数值、关键词、表达式element:nth-last-of-type(n){ } 一组元素中选择特定类型的元素,但是需要从最后一个开始计算
title
box1box2title
段落内容1
段落内容2
box3box4box5box6
状态伪类选择器
element:checked{ } 选择页面中处于选中状态的element元素element:disabled{ } 选择页面中处于禁用状态的element元素element:enabled{ } 选择页面中处于可用状态的element元素
转载地址:https://jackiehao.blog.csdn.net/article/details/104555062 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
很好
[***.229.124.182]2024年04月07日 11时23分49秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
JSON解析处理工具类
2019-04-30
日志记录工具类封装
2019-04-30
系统后台做登录账号密码次数验证
2019-04-30
bootstrap徽章颜色
2019-04-30
bootstrap-table分页记住勾选
2019-04-30
mysql数据库代码生成关键查询
2019-04-30
summernote编辑器数据回显
2019-04-30
summernote禁止图片视频上传
2019-04-30
1.Ribbon注册服务内部调用
2019-04-30
2.Openfeign注册服务内部调用
2019-04-30
1.gateway搭建
2019-04-30
1.Idea或eclipse 运行项目端口被占用处理
2019-04-30
1.JDK1.8新特性值Optional
2019-04-30
1.阿里云上安装jdk8
2019-04-30
2.阿里云上安裝redis
2019-04-30
3.阿里云上安装mysql
2019-04-30
4.阿里云上安装nacos
2019-04-30
6.阿里云上安装kafka
2019-04-30
5.阿里云上安装zookeeper
2019-04-30