Welcome to the website navigation,本站只接受合法正规的企业网站,欢迎站长们提交你的网站获得展示和流量有任何问题请联系站长,欢迎大家加入本站。

                
提交网站
  • 网站:76083
  • 待审:5
  • APP:577
  • 文章:304411
  • 会员:56004
文字内链包年1000元 文字内链包年1000元 文字内链包年1000元 AI办公网站 AI绘画工具 AIchat

名站导航为爱好css的朋友们提供相关的知识。

CSS教程选择器详解rUWAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

rUWAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

  • 此篇文章具体介绍如下

前端的哥们想必都接触过css教程中一个神奇的玩意,可以轻松选取你想要的标签并给与修改添加样式,是不是很给力,它就是“:nth-child”。rUWAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

下面我将用几个典型的实例来给大家讲解:nth-child的实际用途:rUWAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

Tips:还用低版本的IE浏览器的哥们请绕过!rUWAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

 rUWAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

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

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

 rUWAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

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

.demo01 li:nth-child(n 4){background:#090}

 rUWAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

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

.demo01 li:nth-child(-n 4){background:#090}

 rUWAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

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

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

 rUWAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

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

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

 rUWAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

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

.demo01 li:nth-child(3n 1){background:#090}

 rUWAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

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

.demo01 li:last-child{background:#090}

 rUWAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

:nth-last-child(3)选取倒数第几个标签,3表示选取第3个

css教程 实现DIV水平垂直居中于屏幕rUWAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

rUWAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

关于css的相关的知识就说到这里希望能够可以帮助更多的朋友们。,css,nth-child,选择器

分享到:

  admin

注册时间:

网站:0 个   APP:3 个  文章:0 篇

  • 76083

    网站

  • 577

    APP

  • 304411

    文章

  • 56004

    会员

赶快注册账号,推广您的网站吧!
文章分类
热门网站
最新入驻APP小程序

宝贝市场2023-02-08

宝贝市场——买手和卖家商品展示

夺宝助手2023-02-08

夺宝助手小程序,查看每日快夺宝平

查诚信2023-02-08

查诚信是一款免费的商业查询工具

车价天天报2023-02-08

快速连接汽车销售,获知汽车最新报

考勤助理小程序2023-02-08

上班签到考勤,实时定位,后台轻松

汽车报价大全查询2023-02-08

汽车报价大全查询提供最新汽车市