从品牌网站建设到网络营销策划,从策略到执行的一站式服务
这篇文章主要介绍了css怎么获取第几个元素,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。
创新互联是一家专业提供兴安盟企业网站建设,专注与网站建设、网站制作、成都h5网站建设、小程序制作等业务。10年已为兴安盟众多企业、政府机构等服务。创新互联专业的建站公司优惠进行中。css获取第几个元素的方法:1、通过“nth-child(3)”方法获取列表中的第3个标签;2、通过“nth-child(2n)”方法获取列表中的偶数标签;3、通过“nth-child(2n-1)”方法获取列表中的奇数标签等等。
该方法适用于所有品牌的电脑。
CSS选取第几个标签元素:nth-child(n)、first-child、last-child
前言:今天码代码时候遇到的需求要选取前两个标签元素,查了资料记录下来~
nth-child(n)、first-child、last-child用法
注:nth-child(n)选择器匹配父元素中的第n个子元素。
n可以是一个数字,一个关键字,或者一个公式。
nth-child(n)用法:
1、nth-child(3)
表示选择列表中的第3个标签,代码如下:
li:nth-child(3){background:#fff}
2、nth-child(2n)
表示选择列表中的偶数标签,即选择 第2、第4、第6…… 标签,代码如下:
li:nth-child(2n){background:#fff}
3、nth-child(2n-1)
表示选择列表中的奇数标签,即选择 第1、第3、第5、第7……标签,代码如下:
li:nth-child(2n-1){background:#fff}
4、nth-child(n+3)
表示选择列表中的标签从第3个开始到最后,代码如下:
li:nth-child(n+3){background:#fff}
5、nth-child(-n+3)
表示选择列表中的标签从0到3,即小于3的标签,代码如下:
li:nth-child(-n+3){background:#fff}
6、nth-last-child(3)
表示选择列表中的倒数第3个标签,代码如下:
li:nth-last-child(3){background:#fff}
first-child用法:
1、first-child
first-child表示选择列表中的第一个标签。代码如下:
li:first-child{background:#fff}
last-child用法:
1、last-child
last-child表示选择列表中的最后一个标签,代码如下:
li:last-child{background:#fff}
感谢你能够认真阅读完这篇文章,希望小编分享css怎么获取第几个元素内容对大家有帮助,同时也希望大家多多支持创新互联网站建设公司,,关注创新互联行业资讯频道,遇到问题就找创新互联网站建设公司,,详细的解决方法等着你来学习!
咨询相关问题或预约面谈,可以通过以下方式与我们联系
我们是成立于2007年的成都网站建设公司,设有成都分公司,提供高品质网站建设,电商网站设计开发,外贸网站制作,响应式网页设计,微信小程序等服务.我们的目标是将快上网打造成网站品牌策划、网站品牌形象设计、网络营销传播行业的国际型企业!为客户创造有价值的品牌营销体验,让互联网提升企业的竞争力!
12年建站服务经验
服务27家500强企业
服务136家上市企业
服务行业龙头超过70家
设有成都和成都网站建设公司
多项网站设计传播大奖
营销型网站建设专家
完备的项目流程管理体系
B2C电商网站建设供应商
网页设计与网站开发技术并重
作为一家集“创意+整合+营销”的互联网整合营销机构,我们在业内具有深远的设计影响力和良好的客户口碑。我们提供从前期的网站品牌分析策划、网站设计、创意表现、系统开发以及后续网站运营反馈建议等一系列服务,帮助企业打造创新的互联网品牌经营模式与有效的网络营销方法,创造更大的品牌势能!
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询400-028-6601
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图