:nth-last-of-child()与:nth-last-of-type()

news/2024/7/24 12:26:19

nth-child(n)

ele:nth-child(n)选中ele元素,且ele是某个元素下的第n个元素
p:nth-child(n) ---->选中p元素,且该p元素必须是某个父元素下的第n个子元素
这里的n是从1开始的

li:nth-child(n+6):选中从第6个开始的子元素(即n从0开始)

:nth-child(-n+9):选中从第1个到第9个子元素

nth-last-child(3):选中倒数第三个

nth-of-type

ele:nth-of-type选中的是某个元素下的第几个ele类型的元素。

https://blog.csdn.net/lonecry/article/details/87864416


http://www.niftyadmin.cn/n/861521.html

相关文章

Flex布局(一)

flex属性是flex-grow, flex-shrink 和 flex-basis的简写,默认值为0 1 auto。后两个属性可选。 flex-grow属性定义项目的放大比例,默认为0。即项目之间占据空间的大小比例。使用该属性便可以按照比例分配完整个主轴空间。 flex-basis属性定义该项目占据主…

获取对象Object的长度

获取对象的长度 obj:{id:1,id2:1,id3:1,id4:1,id5:1,id6:1,id7:1,id8:1,id9:1,id10:1}let i Object.keys(this.obj).lengthconsole.log(i);//10

el-upload的多文件上传

el-upload实现多文件上传的方法 <el-uploadclass"upload-demo"dragaction"#"multipleref"upload":file-list"files":http-request"handleUpload":on-exceedhandExceed:on-remove"handleRemove":on-successhan…

vue使用pdf.js在线预览pdf文件

vue使用pdf.js在线预览pdf文件 1、先去下载pdf.js&#xff0c;打开官网 pdf.js官网 &#xff1a;http://mozilla.github.io/pdf.js/getting_started/#download &#xff08;如果打不开这个网站&#xff0c;可以参考这个博客) 百度网盘 链接: https://pan.baidu.com/s/1CK7nHJO…

vue预览word,excel,pptx,pdf文件

vue预览word&#xff0c;excel&#xff0c;pptx&#xff0c;pdf文件 1、做word&#xff0c;excel&#xff0c;pptx的预览&#xff0c;要先确定文件路径访问是通过域名的url来预览&#xff0c;不可以通过IP的url来访问 先把文件路径的url进行url编码&#xff08;encodeURIComp…

el-card的点击事件失效的解决方式

click link改为click.native link//变成原生绑定

哔哩哔哩2020校园招聘前端笔试卷(一)

在数组里面找数的>双指针 1.以下不是CSS伪类选择器的是&#xff1f; 2. [‘1’, ‘2’, ‘3’].map(parseInt) ( ) [1, 2, 3].map((item, index) > {return parseInt(item, index) }) // 第二个参数表示使用什么进制来转换 parseInt(1, 0) // 1 默认十进制的1 parseIn…

微信小程序的两层wx-for的使用

微信小程序的两层wx-for的使用 微信小程序需要用到两次循环来获取页面数据&#xff0c;第二次循环的时候使用wx:for-item"pro"来命名别名 <view><van-grid square border"{{ false }}" column-num"3" wx:for"{{ list }}" w…