:nth-child pseudo-class
[This documentation is preliminary and is subject to change.]
Applies one or more styles to the element that is the n-th child of its parent element.
 |
Syntax
selector:nth-child(an+b) {...}
Parameters
- selector
-
A CSS simple selector.
- an+b
Standards information
- Selectors Level 3, Section 6.6.5.2
Remarks
The :nth-child pseudo-class is a structural pseudo-class. Structural pseudo-classes enable selection based on extra information in the document tree that cannot be selected using simple selectors or combinators.
See also
- Reference
- :root
- :nth-last-child
- :nth-of-type
- :nth-last-of-type
- :last-child
- :first-of-type
- :last-of-type
- :only-child
- :only-of-type
- :empty
Build date: 3/13/2012
Does it work with IE < 9?
Not sure whether if work or not with IE 9. I'm using IE 8 and it seems to be not working, even in compatibility mode.
- 10/27/2011
- Fernando Negrotto
IE9 Support?
This doesn't really appear to work in IE9. I have not had luck yet with it.
- 6/8/2011
- roadragedsb
- 7/27/2011
- Izzmo
Not working in IE9
I tried it in IE9 with no luck (as the previous contributor mentioned as well). Doesn't seem to work under IE9. Seems like it's not implemented yet.
- 7/8/2011
- Ahmed Eltawil
- 7/27/2011
- Izzmo
