Search within TutorialsPark

CSS Pseudo Class Selector :nth-of-type


Selects elements that are the nth child of their type defined by their parent


Definition and Notes.

1. CSS Pseudo Class :nth-fo-type(n) selects and styles elements that are the nth-child of a particular type within their parent element

2. Eg: p:nth-of-type(n) will select <p> element at nth position within its parents.


Pattern:

CSS :nth-of-typePseudo Class selector. internetexplorer safari firefox opera chrome

View in Splitscreen»

Code-Editor:

Note: The value in brackets "n" can be a number, keyword or even a function(formula).


Related Examples.