语法    :nth-child(an+b)

第一种:简单数字序号写法

:nth-child(number)

直接匹配第number个元素。参数number必须为大于0的整数。

例子:

li:nth-child(3){background:orange;}/把第3个LI的背景设为橙色/

第二种:倍数写法

:nth-child(an)

匹配所有倍数为a的元素。其中参数an中的字母n不可缺省,它是倍数写法的标志,如3n、5n。

例子:

li:nth-child(3n){background:orange;}/把第3、第6、第9、…、所有3的倍数的LI的背景设为橙色/

第三种:倍数分组匹配

:nth-child(an+b) 与 :nth-child(an-b)

先对元素进行分组,每组有a个,b为组内成员的序号,其中字母n和加号+不可缺省,位置不可调换,这是该写法的标志,其中a,b均为正整数或0。如3n+1、5n+1。但加号可以变为负号,此时匹配组内的第a-b个。(其实an前面也可以是负号,但留给下一部分讲。)

例子:

li:nth-child(3n+1){background:orange;}/* 匹配第1、第4、第7、…、每3个为一组的第1个LI*/li:nth-child(3n+5){background:orange;}/*匹配第5、第8、第11、…、从第5个开始每3个为一组的第1个LI*/li:nth-child(5n-1){background:orange;}/*匹配第5-1=4、第10-1=9、…、第5的倍数减1个LI*/li:nth

css 取偶数节点_css——奇数、偶数、指定数样式相关推荐

  1. python输出偶数_Python 判断奇数偶数的方法

    Python 判断奇数偶数的方法 以下实例用于判断一个数字是否为奇数或偶数: # -*- coding: UTF-8 -*- # Filename : test.py # Python 判断奇数偶数 ...

  2. 数组中有两种数出现奇数次,其他数出现偶数次,打印奇数次的数

    一个数组中有两种数出现了奇数次,其他数出现了偶数次,怎么找出打印这两种数 这个问题我们涉及到异或运算 和 怎么将一个数的最右边取出来 有这样一个结论 1.任何数异或0 都为自己本身 2.任何数和自己异 ...

  3. 7-38 实验7_3_奇数偶数 (100 分)奇数偶数排序

    已知一个长度为n的整数数组,在保证原顺序的前提下,将该数组中所有的偶数放到所有的奇数之前,存到一个新数组中,并将新数组输出. 输入格式: 共2行,第一行为一个整数n(0<n<=200),代 ...

  4. java编写奇数偶数,java基础奇数偶数判断

    class="java" name="code"> 1. 按位与运算 按位与运算符"&"是双目运算符.其功能是参与运算的两数各 ...

  5. 交换链表的奇数节点和偶数节点

    #ifndef LINKLIST_H_ #define LINKLIST_H_ struct Node {     Node* ptr_;     int data_; Node():ptr_(0), ...

  6. java链表奇数倒序偶数顺序_将链表中的所有元素为奇数的节点移到元素为偶数节点的前面,并保证奇数之间顺序不变,偶数之间顺序不变。...

    2.将链表中的所有元素为奇数的节点移到元素为偶数节点的前面,并保证奇数之间顺序不变,偶数之间顺序不变. 示例: 交换前链表的顺序             交换后链表的顺序 4→5→3→1→2   == ...

  7. 1.删除链表的奇数节点 2.删除链表的偶数节点

    1.删除链表的奇数节点 /** 删除奇数节点*/public static ListNode deleteOddNode(ListNode head) {if (head == null)return ...

  8. 给定一个单链表,把所有的奇数节点和偶数节点分别排在一起。请注意,这里的奇数节点和偶数节点指的是节点编号的奇偶性,而不是节点的值的奇偶性。

    给定一个单链表,把所有的奇数节点和偶数节点分别排在一起.请注意,这里的奇数节点和偶数节点指的是节点编号的奇偶性,而不是节点的值的奇偶性. 请尝试使用原地算法完成.你的算法的空间复杂度应为 O(1),时 ...

  9. python输出100以内偶数_Python求取100以内的所有偶数和奇数以及和

    使用Python求取100以内的所有偶数和奇数以及和,是Python的一道基础练习题目,刚好在看Python4.0学习手册第十三章循环,觉得挺有意思,就想了下这道题目的代码,想到两种方式. # cod ...

最新文章

  1. 线程安全的理论讲解(volatile)
  2. 将CSDN600W用户及密码帐号存入本地MySql数据库
  3. vue项目使用eslint
  4. 关于绑定了GridView控件后怎么截取字符串和CSS样式来控制表头不换行
  5. 一行命令导致的数据丢失,阿里工程师是如何恢复的?
  6. 数字摄像头测试软件,图像测量软件(Camera Measure)
  7. 内网通看不到其他人_小学生在新版本里用“吃鸡内挂”,巡查员:封不了,手机自带的...
  8. LeetCode刷题(Python)——汉明距离
  9. mysql有闪回吗_mysql 闪回测试
  10. PipedInputStream/PipedOutputStream
  11. 程序包OE_Order_PUB过程 Process_.Order 中出现错误ORA-20001
  12. archman linux教程,Archman GNU/Linux 2020-01 发布,基于Arch的Xfce桌面发行版
  13. php解析定时任务格式,php 实现定时任务简单实现
  14. python基础知识01-数据类型和序列类型
  15. 西门子cpu指示灯含义_CPU中的指示灯亮的意思
  16. css实现优惠券的样式
  17. 程序员必备:变量命名神器 CODELF
  18. java将输入的阿拉伯数字金额转换为中文大写金额
  19. InnoDB之redo log
  20. Java记账本小项目一(图解超详细)

热门文章

  1. word批量修改技巧:如何快捷修改大量编号的文本格式
  2. 上亿级的大数据量,如何高性能实现展示分析?
  3. 计算机专业录入速度,计算机等级:WPS表格中用下拉菜单加快数据录入速度
  4. nuke11命令启动不同版本的方法大全
  5. es6 proxy代理
  6. 胡萝卜的故事 第七篇
  7. D. Game on Axis codeforces1787D
  8. php 隐藏后缀,php隐藏后缀名的方法是什么
  9. python单步调试工具_linux-pdb命令行下python断点调试工具
  10. 用python画lgx的图_【Python科学计算】matplotlib——python画图