The :first-child selector selects all elements that are the first child of their parent.
While :first matches only a single element, the :first-child selector can match more than one: one for each parent (equivalent to
:nth-child(1)).
This selector has the form:
$(":first-child")The :first-of-type selector selects all elements that are the first among siblings of the same element name.
This selector matches elements that have no other element with both the same parent and the same element name coming before it in the document tree.
This selector has the form:
$(":first-of-type")The :last-child selector selects all elements that are the last child of their parent.
While :last matches only a single element, :last-child can match more than one: one for each parent.
This selector has the form:
$(":last-child")The :last-of-type selector selects all elements that are the last among siblings of the same element name.
This selector matches elements that have no other element with both the same parent and the same element name coming after it in the document tree.
This selector has the form:
$(":last-of-type")The :nth-child() selector selects all elements that are the nth-child of their parent.
This selector has the form:
$(":nth-child(index/even/odd/equation)")The :nth-last-child selector selects all elements that are the nth-child of their parent, counting from the last element to the first.
This selector has the form:
$(":nth-last-child(index/even/odd/equation)")| Parameter | Description |
|---|---|
| index/even/odd/equation | Specifies the index of each child to match (starting with the last one (1)), or the string "even" or "odd", or an equation |
The :nth-last-of-type selector selects all elements that are the nth-child of their parent, counting from the last element to the first.
This selector has the form:
$(":nth-last-of-type(index/even/odd/equation)")| Parameter | Description |
|---|---|
| index/even/odd/equation | Specifies the index of each child to match (starting with the last one (1)), or the string "even" or "odd", or an equation |
The :nth-of-type selector selects all elements that are the nth child of their parent in relation to siblings with the same element name.
This selector has the form:
$(":nth-of-type(index/even/odd/equation)")| Parameter | Description |
|---|---|
| index/even/odd/equation | Specifies the index of each child to match (starting with 1), or the string "even" or "odd", or an equation |
The :only-child selector selects all elements that are the only child of their parent.
This selector has the form:
$(":only-child")The :only-of-type selector selects all elements that have no siblings with the same element name.
This selector has the form:
$(":only-of-type")