首页 > 其他分享 >nth-of-type 和 nth-chid的区别

nth-of-type 和 nth-chid的区别

时间:2023-08-10 15:14:49浏览次数:29  
标签:box even nth div type chid

例子:.box:nth-of-type(even){}   .box:nth-chid(even){}

  <body>

    <div class="box"></div>

    <div class="item"></div>

    <div class="item"></div>

    <div class="box"></div>

    <div class="box"></div>

    <div class="box"></div>

  </body>

nth-of-type: 会找到类名为.box的标签,你这里的box的标签是div,就会拿父级里面的所有div去算奇数偶数的,即也会算上class="item"的div;
nth-chid:会找到类名为box,在.box父级下面的所有子元素中的.box位置为奇数偶数去匹对

标签:box,even,nth,div,type,chid
From: https://www.cnblogs.com/yxqlalala/p/17534444.html

相关文章

  • 使用 WebSockets、React 和 TypeScript 构建实时投票应用程序
    长话短说WebSocket允许您的应用程序具有“实时”功能,其中更新是即时的,因为它们是在开放的双向通道上传递的。这与CRUD应用程序不同,CRUD应用程序通常使用HTTP请求,必须建立连接、发送请求、接收响应,然后关闭连接。要在React应用程序中使用WebSockets,您需要一个专用服务器,例......
  • PrototypePattern-原型模式
    在C#中,原型模式(PrototypePattern)是一种创建型设计模式,它允许通过克隆现有对象来创建新对象,而无需依赖于显式的构造函数。原型模式通过复制现有对象的属性和状态,创建一个新对象,并在需要创建对象时返回这个克隆的副本。原型模式的核心是使用原型接口或基类来定义克隆方法,并让具体......
  • Content-Type 属性值
    "Content-Type":"application/x-www-form-urlencoded;"表示POST请求的请求体中包含URL编码的表单数据,数据格式类似于key1=value1&key2=value2。这种格式的数据在HTTP请求中是以键值对的形式出现的,相对简单,常用于提交简单的表单数据。"Content-Type":"application/x-www-......
  • TypeScript中使用数组的filter方法
    constarr:string[]=['pom','皮蛋编程','非常厉害','太棒了'];constfilteredArr:string[]=arr.filter((str:string)=>{returnstr.includes('编程');});console.log(filteredArr);//["皮蛋编程"] ar......
  • Ajax传参,data与dataType
     在使用Ajax向后端传递数据时,你可以使用多种数据类型。在Ajax的dataType参数中,你可以指定以下几种常用的数据类型:"text":这是默认值,表示返回的数据将被视为纯文本字符串。"json":表示返回的数据将被视为JSON格式的数据。在前端代码中,你可以使用JSON.parse()将返回的数据转......
  • Typecho 反向代理 http 访问强制启用生成 https 链接
    问题描述微酷是使用Nginx反向代理内网的Typecho站点,为了效率内网访问不需要使用https,这样Typecho接收到的请求是http协议的,于是网站内部资源链接被修改成了http。解决方案分析了下源代码,最终定位到解析url依赖\var\Typecho\Request.php文件中的isSecure()函数,如下:/***判......
  • - 前后端数据传输的编码格式(contentType) - Ajax朝后端提交文件数据 - Ajax朝后端提
    前后端数据传输的编码格式(contentType)前后端数据传输的请求方式有两种:get、post我们只研究post请求的编码格式三种编码格式urlencodedform-datajson发送post请求的方式form表单Ajaxpostman(第三方工具,需要下载) form表单发送post请求的时候数据的编码格式请求头conten......
  • 【JavaScript25】关于prototype
    老版本的js中是没有类的概念的.js如何构建一个对象的呢?在js中,每一个函数都可以作为构建一个对象的构造方法函数又可以被称为构造函数constructor构造器,构造方法functionPerson(name,age){//给当前对象(内存)进行初始化this.name=name;this.age......
  • TypeError: a bytes-like object is required, not ‘str‘,如何解决?
    在Python编程中,当我们在处理文件或网络传输等场景时,有时可能会遇到以下错误信息:"TypeError:abytes-likeobjectisrequired,not'str'"。这个错误通常表示我们传递了一个字符串对象而不是字节对象,导致了类型不匹配。如下所示,我们对字段进行base64编码时,出现了报错:在本文中,我们......
  • TypeChat入门指南:从安装到对话流程设计
    大家好,我是星辰编程理财,这篇文章可以作为TypeChat的入门指南。一、介绍TypeChat是一款基于人工智能技术的对话系统,旨在帮助开发者构建智能机器人,并与用户进行自然语言对话。无论是应用于在线客服、智能助手还是其他领域,TypeChat都能提供强大的对话交互能力,为用户提供优质的用户体验......