分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

【20190226】CSS-知识点记录::nth-child,:nth-of-type

发布时间:2023-09-06 02:33责任编辑:白小东关键词:CSS

:nth-child:

ele:nth-child(k):选择父元素下第k个子元素,且该子元素为ele,若不是,则选择失败,k从1开始计数

ele:nth-child(-n+5):选中前五个子元素,n从0开始

ele:nth-child(n+5):选中第五个子元素后的所有元素,n从0开始

ele:nth-child(odd/2n+1):选中所有第奇数个子元素

ele:nth-child(even/2n):选中所有第偶数个子元素

ele:nth-child(n+4):nth-child(-n+8):选中第4到第8个子元素

:nth-of-type:

ele:nth-of-type(k):选择父元素下第k个ele元素,其他选择用法同上

【20190226】CSS-知识点记录::nth-child,:nth-of-type

原文地址:https://www.cnblogs.com/huangrui-dori/p/10436226.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved