freeCodeCamp/guide/chinese/css/css3-nth-child-selector/index.md

1.3 KiB
Raw Blame History

title localeTitle
CSS3 Nth Child Selector CSS3 Nth Child Selector

CSS3 Nth Child Selector

nth-child选择器是一个css伪类它采用一种模式来匹配一个或多个元素相对于它们在兄弟姐妹中的位置。

句法

```CSS anth-childpattern{ / * Css到这里* / }

### Pattern 
 
 The patterns accepted by `nth-child` can come in the form of keywords or an equation of the form An+B. 
 
 #### Keywords 
 
 ##### Odd 
 
 Odd returns all odd elements of a given type. 

CSS anth-childeodd{ / * CSS在这里* / }

##### Even 
 
 Even returns all even elements of a given type. 

CSS anth-childe偶数{ / * CSS在这里* / }

#### An+B 
 
 Returns all elements matching the equation An+B for every positive integer value of n (in addition to 0). 
 
 For example, the following will match every 3rd anchor element: 

CSS anth-childe3n{ / * CSS在这里* / } ```

更多信息:

MDN文档 CSS技巧 - 第n个子选择器 CSS技巧 - 第n个儿童测试员 W3Scools - 第n个儿童选择器