新闻资讯
记录首创点滴进步 见证远行
我们一直紧跟时代前沿,聚焦行业实时动态,发布公司最新资讯,欢迎您的关注

邯郸网站建设讲解CSS3 :nth-child() 的知识

日期:2022-10-13发布:首创网络浏览:239次

    邯郸网站建设讲解CSS3:nth-child()的知识,CSS3中nth-child()伪类对于在HTML中创建格式化的Excel样式表非常有用。也用于生成网格布局而不必求助于表格。首先我们来了解一下nth-child()伪类的相关知识。nth-···

    本文关键字:邯郸网络公司,邯郸网站建设,网站优化,企业画册,VI设计,首创网络

  邯郸网站建设讲解CSS3:nth-child()的知识,CSS3中nth-child()伪类对于在HTML中创建格式化的Excel样式表非常有用。也用于生成网格布局而不必求助于表格。

  首先我们来了解一下nth-child()伪类的相关知识。

  nth-child()伪类的基本规则:

  我们使用的语法是:nth-child(an+b)其中a是频率,b是初始偏移量。这生成了一个从n=0开始的无限级数,但只包含正值。

  一些例子可能会使这更清楚:

  2n,2n+0

  2,4,6,8,10,12......

  2n+1或奇数

  1,3,5,7,9,11......

  2n+2

  2,4,6,8,10,12......

  2n+3

  3,5,7,9,11,12......

  2n+4

  4,6,8,10,12,14......

  3n,3n+0或3n+3

  3,6,9,12,15,18......

  3n+1

  1,4,7,10,13,16......

  因此,你可以看到系列从b开始,然后为每个值增加a。跳过任何零或负的结果意味着我们不能在DOM树中向后看。

  nth-child部分用法如下

  :nth-child(2)选取第几个标签,“2可以是你想要的数字”

  .demo01li:nth-child(2){background:#090}

  :nth-child(n+4)选取大于等于4标签,“n”表示从整数,下同

  .demo01li:nth-child(n+4){background:#090}

  :nth-child(-n+4)选取小于等于4标签

  .demo01li:nth-child(-n+4){background:#090}

  :nth-child(2n)选取偶数标签,2n也可以是even

  .demo01li:nth-child(2n){background:#090}

  :nth-child(2n-1)选取奇数标签,2n-1可以是odd

  .demo01li:nth-child(2n-1){background:#090}

  :nth-child(3n+1)自定义选取标签,3n+1表示“隔二取一”

  :first-child选取第一个标签

  :last-child选取最后一个标签

  :nth-child(2)选取第二个标签

  :nth-child(n)选取第N个标签

  :nth-child(2n):nth-child(even)选取偶数标签

  :nth-child(2n+1):nth-child(odd)选取奇数标签

  :nth-child(n+4)选取大于等于4的标签

  :nth-child(-n+4)选取小于等于4的标签

  :nth-child(3n+1)自定义选择标签,n取0开始,隔二取一个标签

  :nth-last-child(2)选取倒数第二个标签

  :nth-last-child(n)选取倒数第N个标签

    本文由邯郸网络公司首创网络整理编辑发布,请勿转载、复制、摘抄等!

+ 查看更多我们的客户 / Our client

    24小时技术支持
    18931045623
    在线客服

首创简介

    首创网络成立于2012年,是一家专业的品牌网站设计和网络营销推广公司,服务领域涵盖网站设计、市场策划、企业画册及VI视觉设计、网站域名空间等领域,公司拥有一批高素质人才,着力打造品牌网站设计制作和网上营销策略执行两大优势。

    十年来,凭借对市场趋势敏锐的洞察,和对消费者、企业形态深刻的理解,我们服务的已遍及京津冀、长三角、珠三角等领域,行业覆盖政府机构、企事业单位、无线通讯、环保、电子、医药、交通、园林、地产等行业,诸多知名企业,如广州京信集团、广东联通广州分公司、搜狐家居广州站、搜狐家居邯郸站等,都鉴证了首创设计公司的品牌设计思想与能力,首创设计公司也与诸多企业勃的市场经济中互促共生。

在线客服


  • 扫描加微信

  • 扫描加QQ

  • 扫描浏览手机版
首创网络邯郸公司
邯郸公司
电话:0310-4559740 / 18931045623  地址:邯郸市丛台区颐高广场B座13层1304室