[tr][td] 通过前几章的学习我们已经知道,使用nth-child选择器、nth-last-child选择器、nth-of-type和nth-last-of-type选择器可以对父元素中指定索引的子元素、奇偶子元素等进行单独样式的定义,但是还有一种情况,我们使用前面所讲的内容是无法实现的,如下图:
从第1行开始算起 每隔4个(包含第4个)使用红色 从第2行开始算起 每隔4个(包含第4个)使用绿色 从第3行开始算起 每隔4个(包含第4个)使用蓝色 从第4行开始算起 每隔4个(包含第4个)使用黄色 循环使用样式: 我们同样还是使用nth-child选择器,只不过咱们这次给它的参数是表达式,咱们先来看案例,看过之后你就明白了: [*] [*] [*] [*] [*] CSS3每日一练之选择器-结构性伪类选择器[五] | 前端开发网(W3Cfuns.com)! [*] [*] [*] [*] [*] [*] [*]选项01 | 前端开发网(W3Cfuns.com)! [*] [*]选项02 | 前端开发网(W3Cfuns.com)! [*] [*]选项03 | 前端开发网(W3Cfuns.com)! [*] [*]选项04 | 前端开发网(W3Cfuns.com)! [*] [*]选项05 | 前端开发网(W3Cfuns.com)! [*] [*]选项06 | 前端开发网(W3Cfuns.com)! [*] [*]选项07 | 前端开发网(W3Cfuns.com)! [*] [*]选项08 | 前端开发网(W3Cfuns.com)! [*] [*]选项09 | 前端开发网(W3Cfuns.com)! [*] [*]选项10 | 前端开发网(W3Cfuns.com)! [*] [*]选项11 | 前端开发网(W3Cfuns.com)! [*] [*]选项12 | 前端开发网(W3Cfuns.com)! [*] [*] [*] [/td][/tr] |
|