nth-of-type
Description
The nth-of-type pseudo-class for CSS represents the same elements that would be matched by :nth-child(|An+B| of S), where S is a type selector and namespace prefix matching the element in question.
Syntax
selector:nth-of-type(An+B)
{
property: value;
}Examples
1 · CSS · An+B
2 · CSS · even
3 · CSS · odd
4 · JS · An+B
5 · JS · even
6 · JS · odd
Links
Related
Pseudo-Classes
- active
- any-link
- autofill
- blank
- checked
- default
- defined
- dir
- disabled
- empty
- enabled
- first-child
- first-of-type
- focus
- focus-visible
- focus-within
- fullscreen
- has
- hover
- in-range
- indeterminate
- invalid
- is
- lang
- last-child
- last-of-type
- link
- local-link
- modal
- not
- nth-child
- nth-col
- nth-last-child
- nth-last-col
- nth-last-of-type
- only-child
- only-of-type
- optional
- out-of-range
- picture-in-picture
- placeholder-shown
- popover-open
- read-only
- read-write
- required
- root
- scope
- target
- valid
- visited
- where