1.7 KiB
1.7 KiB
title | localeTitle |
---|---|
CSS3 Nth Child Selector | CSS3 第`nth-child`选择器 |
CSS3 第nth-child
选择器
第nth-child
选择器是一个css伪类,它采用一种模式来匹配一个或多个元素相对于它们在兄弟姐妹中的位置。
句法
a:nth-child(pattern){
/* Css到这里 */
}
模式
第nth-child
所接受的模式可以是关键字或An+B的方程
关键字
Odd
Odd
会返回所属于特定类型的HTML元素当中的奇数元素。
在下面的示例中,所奇数的a
元素将会被指定,而选择器中的CSS会被插入被指定的元素中。
a:nth-child(odd){
/* CSS在这里 */
}
Even
Even
会返回所属于特定类型的HTML元素当中的偶数元素。
在下面的示例中,所位于偶数的a
元素将会被指定,而选择器中的CSS会被插入被指定的元素中。
a:nth-child(even){
/* CSS在这里 */
}
An+B
An+B
会返回所有属于特定类型的HTML元素中,符合An+B(n与每个正整数)的元素
在下面的示例中,每隔三个a
元素的元素将会被指定,而选择器中的CSS会被插入被指定的元素中。
a:nth-child(3n){
/* CSS在这里 */
}