css 中 nth-child、first-child、last-child 的使用(选中第一个,第几个,第几个到第几个,最后一个等)
1.first-child 选择列表中的第一个标签
2. last-child 选择列表中的最后一个标签
li:first-child{color:red}
li:last-child{color:pink}
3.nth-child(n)
这里的n为数字,表示选择列表中的第n个标签
例如选择第三个标签
li:nth-child(3){color:pink}
4.nth-child(2n)
选择列表中的偶数,选中 2、4、6…… 个标签。
li:nth-child(2n){color:pink}
li:nth-child(2n-1){color:pink}
5.同理.nth-child(2n-1)就表示选中了奇数位标签
6.选择从第4个到最后一个标签,这个4可以提换成你需要的数字
li:nth-child(n+4){color:pink}
7. 选择从第一个到第四个 这里的数字4也是可以根据你的需要替换的。
li:nth-child(-n+4){color:pink}
8.nth-last-child(3) 表示最后三个标签
li:nth-last-child(3){color:pink}
9.nth-last-child(3n) 表示3的倍数3.6.9……
li:nth-last-child(3n){color:pink}
10.nth-last-child(3n-1) 表示2.5.8…… 可以用这个设置等差数列的样式
li:nth-last-child(3n-1){color:pink}
希望有帮到你。
- 上一篇: div+css画六边形
- 下一篇: 赚客村恢复正常,网赚,还得坚持
最新点入
- 全球網址提交網
全球網址提交網是全免費的網址提交目錄,收錄國內外、各行業優秀網站,為用戶提供全面的網站分類目錄網站、優秀網站參攷、友情連結交換平臺、網站推廣服務國內免費的網站提交入口(www.urlglobalsubmit.com)。
www.urlglobalsubmit.com - 国际电子商务网
欢迎访问国际电子商务网,这里有各行业信息网/B2B电子商务网站,是最方便的免费网络推广平台,已成为无数商家网络营销/网络推广的首选网站!
www.intbtb.com - 超级网站目录
超级网站目录全人工编辑的专业分类目录网站,收录各行业优秀网站,旨在为用户提供网站分类目录检索,优秀网站参考,网站推广服务,网站页面査询,网站提交等服务!是站长喜爱的网站分类目录网站,专业的开放分类目录!
www.superdirectorycn.com - 山东欣烨化工
山东欣烨化工是一家集科研,生产,销售医药中间体,农药中间体,橡塑助剂,阻燃剂,酚醛树脂于一体的综合性化工企业。。采用轻资产的发展路线,采用参股、租赁工厂,或者代加工的发展模式。 在东营广饶丁庄镇、淄博淄川罗村镇、淄博齐鲁化工园纬六路、潍坊市滨海经济开发区临港路工业园建有生产工厂,德州市禹城化工园。 公司技术力量雄厚,拥有完善的产品检测手段和质量保证体系,密切关注着国内外科研和生产动态,并与山东大学化工学院合作,不断开发和研发新产品,以满足客户的不同需求。
www.sdxinyechem.cn - 济南欣烨生物
现公司主导产品有:生物制药系列,医药中间体,化学溶剂系列,阻燃剂系列,化学试剂系列,颜料燃料系列,橡胶塑料系列,酚醛树脂等系列产品。
www.sdkaikai.cn
推荐资讯
- 【每天100秒读懂世界】2023年12月7日 星期四 农历十月廿五 大雪 生活愉快 平安喜乐!
- 小米汽车域名xiaomiev.com已启用
- chrome报错:An invalid form control with name='' is not focusable?
- 解决KindEditor编辑器无法使用flash插件影响图片批量上传
- UPLOADIFY使用中遇到FLASH文件上传按钮加载不出来
- 知情人士:茅台巧克力即将上线 酱香拿铁单品首日销量突破542万杯
- 茅台巧克力即将上线:将根据受众的不同,触达年轻消费者
- 高铁为什么无座和二等座是同价?主要原因披露,引发网友热议
- FTP软件的安装及上传/下载方法
- 关于.COM域名价格调整的通知!
推荐站点
- 中国天气网
中国天气网官方权威发布天气预报,逐三小时天气预报,提供天气预报查询一周,天气预报15天查询,空气质量,生活指数,旅游出行,交通天气等查询服务
www.weather.com.cn - 520设计网
520设计-中国网页平面设计师交流平台,专为酷爱网页设计、界面设计的你而倾力打造。拥有设计视频教程、网页模板、设计素材、CSS3+HTML5、网页平面设计视频教程、设计师网址导航等相关内容,它将成为你设计路上的一位好伙伴!
www.sj520.cn - 天极网
天极网,全球最大的中文IT门户,专注IT产品采购及应用指南,每天为广大用户提供电脑硬件,软件,数码,商情,手机,笔记本,游戏,互联网,数字家庭,教育,下载等内容,解决网友工作学习中的技术疑难,指导数字科技消费,领引时尚生活潮流.
www.yesky.com - 华军软件园
华军软件园提供国内外最新的免费软件、共享软件下载及发布的软件下载站,包含系统软件、网络工具、杀毒安全、图形图像、媒体工具、管理软件、桌面工具、教育教学、游戏娱乐、硬件相关等软件下载,另外涉及软件行业资讯、软件使用技巧、相关软件评测、软件使用教程等相关软件行业的综合软件网站!
www.onlinedown.net - ZOL下载
软件下载频道(消费类软件门户媒体)提供网络软件、杀毒软件、聊天工具、系统工具、媒体播放、输入法、QQ工具、手机主题和驱动等丰富的绿色软件下载,互联网软件资源共享的宝藏!-中关村在线软件频道!
xiazai.zol.com.cn