Geek Culture
Published in

Geek Culture

CSS Basic: nth-of-type

Select one or more elements based on their source order

In the previous article, we tried to select different row of <div> by using nth-child(“number”). But sometimes we cannot select the specific div because there are other elements on top of it. In this case, we use a similar method like before. Instead of using first-of-type or last-of-type. We use nth-of-type.

In this article, we are going to talk about CSS nth-of-type selector.

Source code:




A new tech publication by Start it up (

Recommended from Medium

URL shortener System design

I need to let everyone know about the next big NFT project: SuperPunks NFT.

How to perform SQL Server 2019 Developer Edition Unattended Silent Installation

Java Programming :-

My Journey as an SSENSE Software Engineering Intern

Restart level in Unity

Amazon API Gateway: Securing Endpoints using API Keys

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store


Teaching JavasScript, React, React Native, MongoDB and NodeJS

More from Medium

how to add css pseudo to your react inline styles using radium

Useful tips for Frontend development

Let’s play with Hyperlinks

Basics of React.js