HTML and CSS Reference
In-Depth Information
Name
:nth-last-child(
a
n+
b
)
Applies to:
Any element
Description:
Matches every nth child with the pattern of selection defined by the formula an+b, where a
and bare
<integer>
s and n represents an infinite series of integers, countingbackwardfrom
thelastchild. Thus, to select every fourth-to-last child of the
body
element, starting with the
last child, you write
body > *:nth-last-child(4n+1)
. This is in effect the mirror image of
:nth-child
.
In place of the an+bformula, there are two keywords permitted:
even
and
odd
. These are
equivalent to
2n
and
2n+1
, respectively.
Examples:
*:nth-last-child(4n+1) {font-weight: bold;}
tbody tr:nth-last-child(odd) {background-color: #EEF;}