找回密码
 立即注册

QQ登录

只需一步,快速开始

热门经验分享: 护肤 减肥 化妆 美发 育儿 恋爱 理财 职场 旅行 运动 养生 购物 生活 运势 游戏 手机 电脑 小吃 美食 宠物 装修 西点
当前位置: 生活指南经验分享 > 游戏/数码 > 互联网 > CSS3 - :nth-child()选择前几个元素

CSS3 - :nth-child()选择前几个元素

时间:2021-4-27 11:06 点击:51次
/*【限制范围】选择第6个到第9个,取两者的交集【感谢小伙伴的纠正——】 */:nth-child(-n+9):nth-child(n+6){}
  /* 选择第n个,n位数字  */:nth-child(n)

  选择列表中的偶数标签:nth-child(2n)

  选择列表中的奇数标签:nth-child(2n-1)

  选择前几个元素

  /*【负方向范围】选择第1个到第6个 */:nth-child(-n+6){}

  从第几个开始选择

  /*【正方向范围】选择从第6个开始的,直到最后  */:nth-child(n+6){}

  两者结合使用,可以限制选择某一个范围

  /*【限制范围】选择第6个到第9个,取两者的交集【感谢小伙伴的纠正——】 */:nth-child(-n+9):nth-child(n+6){}

  选择列表中的倒数第n个标签 n为数字 :nth-last-child(n)

  例子:需要设置前3个元素的margin-top值与其他的不同。

  div:nth-child(-n+3){margin-top: 12px;}

  选的第一个和最后一个

  first-child表示选择列表中的第一个标签

  例: li:first-child{background:#fff}

  last-child表示选择列表中的最后一个标签

  例: li:last-child{background:#fff}

http://www.jingyanzhinan.cn/article-147471-1.html以上内容就是关于【CSS3 - :nth-child()选择前几个元素 】的指南经验分享;您也可以通过下方的评论互动,发表您的意见和观点,让更多人通过生活指南经验分享因之受益,让生活变得更简单。


鲜花

握手

雷人

路过

鸡蛋
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。
免责申明:本站内容或图片均来自网络或网友分享,因此而产生的任何法律问题,
本站不予承担,如果内容涉及侵权,可联系页面底部邮箱,我们会及时删除处理。
------分隔线----------------------------

最新评论

相关经验
如何下载网页上的视频 怎样制作快手唱歌视频 怎样注销12306以前注册的用户名 抖音推广怎么做 网页页面太长怎么截图 QQ红包狮子怎么画? 快手怎么助力天天拆红包 京东怎么实名认证 如何打开QQ秀 QQ画图红包雪怎么领取 QQ怎么看对方撤回的消息 斗鱼直播如何创建自己的播单 电脑没有本地连接了怎么办? 拼多多如何签到领现金 5G网络对wifi有什么影响 每次打开office2007都要配置怎么办 酷派在前几届MWC都有什么成绩 我国5G商用发展情况如何? 京东预售商品如何提高预约和抢购成功率 支付宝注册时间怎么查看 网易云音乐私人fm历史记录 使用手机QQ浏览器实现全网免流的方法 解决微信朋友圈不能刷新信息问题 支付宝怎么借钱 如何给微信朋友圈点赞 PS中怎样能复制图层中的图形,超简单 手机彩铃怎么设置 QQ如何免费申请大王卡 怎么取消爱奇艺连续包月会员? 怎样知道QQ好友是不是隐身 同一WiFi下如何个给别人限速 趣头条如何提现 如何能彻底删除网页浏览记录 如何在微博中的超级话题签到 怎么在自己的QQ上建一个群? 网易云音乐如何快速下载歌词文件? 微信视频聊天故障失败故障没画面怎么办 优酷视频怎么下载?优酷视频怎么下载到本地视频 怎么联系网络警察报警? 优酷视频怎么看世界杯直播 支付宝扫一扫无法添加到桌面怎么办 QQ空间关闭之后如何重新开通 如何利用ps制作光圈效果 怎么用手机改wifi密码 ↑↓←→↖↗↘↙↕方向箭头符号怎么打? 小红书被下架了要如何下载? 教师资格证报名时提示添加兼容性站点怎么办 【PbootCMS】您有新的在线留言信息 修改邮件提醒标题 discuz打开Ucenter空白的解决方法 PHPCMS取消中文自动分词搜索的方法 phpcms通过.htaccess子目录绑定二级域名的实现方法 phpcms v9 各种注入漏洞补丁 如何关闭filecache内存缓存 dz x3.3如何关闭filecache内存缓存,请大神指点 ... 网站被镜像后的处理方法有哪些 apache伪静态排除目录规则 淘宝店铺如何替换宝贝图片 使用手机百度地图怎么查快递 古装剧排行榜前十名 淘宝达人怎么赚钱 新换的手机号不能绑定支付宝怎么办 如何通过微信钱包零钱余额为加油卡充值 QQ怎样设置空间访问权限 快手怎么定位所在位置 QQ红包推土机怎么画 微信群怎么转换群主 微信好友不小心删除微信图片还能找回吗 CMCC连上了没跳出登录页面怎么办?
推荐内容