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可以是数值、关键词、表达式

 

			
box1
box2
box3
box4
box5
box6

不同元素间使用 

element:nth-of-type(n){ } 一组元素中选择特定类型的元素,n可以是数值、关键词、表达式element:nth-last-of-type(n){ } 一组元素中选择特定类型的元素,但是需要从最后一个开始计算
			

title

box1
box2

title

段落内容1

段落内容2

box3
box4
box5
box6

 

 状态伪类选择器

element:checked{ } 选择页面中处于选中状态的element元素element:disabled{ } 选择页面中处于禁用状态的element元素element:enabled{ } 选择页面中处于可用状态的element元素
			

 

转载地址:https://jackiehao.blog.csdn.net/article/details/104555062 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:原生javascript创建html标签-h5兼容处理--小技巧
下一篇:css3新增选择器使用--小技巧

发表评论

最新留言

很好
[***.229.124.182]2024年04月07日 11时23分49秒