Export (0) Print
Expand All

:nth-child

Expression Studio 4.0

Applies one or more styles to the element that is the n-th child of its parent element.

Syntax

:nth-child ( n ) { sRules }

Possible values

n

An expression that selects every n elements that have a common parent element.

sRules

String that specifies one or more Cascading Style Sheets (CSS) attribute/value pairs.

Remarks

The expression that determines which elements will be selected can take one of the following forms:

  • even selects even-numbered instances of the element.

  • odd   selects odd-numbered instances of the element.

  • a n+ b selects every a instances of the element, starting from the a+b instance.

  • a n- b selects every a instances of the element, starting from the a-b instance.

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.

Examples

The following style rules insert curly braces before and after each occurrence of H1 in the document tree.


p:nth-child(3n+1)   /* selects every third paragraph, starting from paragraph one */
p:nth-child(4n-1)   /* selects every fourth paragraph, starting from paragraph three */
p:nth-child(5n+0)   /* selects every fifth paragraph, starting from paragraph five.

Standards Information

This pseudo-class is defined in CSS Selectors Level 3 Gg721782.xtlink_newWindow(en-us,Expression.40).png.

Applies to

a, abbr, acronym, address, b, big, blockquote, body, caption, center, cite, code, col, colgroup, dd, dfn, dir, div, dl, dt, em, form, hn, html, i, img, input, input type=button, input type=checkbox, input type=file, input type=hidden, input type=image, input type=password, input type=radio, input type=reset, input type=submit, input type=text, kbd, label, legend, li, listing, marquee, menu, ol, p, plaintext, pre, s, samp, select, small, span, strike, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead, tr, tt, u, ul, var, xmp

See also

Send feedback about this topic to Microsoft. © 2011 Microsoft Corporation. All rights reserved.

Community Additions

ADD
Show:
© 2014 Microsoft