15年软件开发经验 只做源码定制 互联网+定制化解决方案

15年软件开发经验,只做源码定制!

原创设计 定制开发

满足您的个性化需求

当前位置:首页

使用first-child 与nth-child() 伪类来进行快速的选择

李家霖| 发布于 2021-07-17 22:54:41| 374阅读| 0点赞| 0评论
举报

使用伪类可以快速的选择元素

伪类选择是css提供的选择特殊位置的选择器  伪类选择不是某一个选择 而是某一类选择   

:first-child  伪类  选择第一个  

:last-child  伪类 选择最后一个  

:nth-child() 伪类  选择父元素中的任意一个元素


在选择器后使用  : 来设置一个伪类     以下选择器如果不加伪类表示 选择 .box下的p标签    加了伪类选择器表示不仅要是.box下的p标签  还要要求p标签是.box 的第一个子元素       last-child同理

.box>p:first-child{
			color: yellow;
		}


:nth-child()   括号内传入一个正整数    表示选择.box下的p标签  且这个p标签还要是.box的第三个子标签才会被选中

.box>p:nth-child(3){
			color: red;
		}
0

0条评论

别默默看啦~登录/注册一起参与讨论吧~

热门标签

李家霖
微信扫一扫立即咨询
账号登录|扫码登录

立即注册 |忘记密码?

欢迎注册

已有账号马上登录

重置密码

扫码绑定微信
微信扫一扫

绑定手机号

分享到-微信

举报

  • 举报类型:

  • 举报描述:

您好,当前积分不足。

在线客服
拨打电话
17330196230 13230981129
顶部