पसूडोक्लास first-of-type

पसूडोक्लास first-of-type उस एलिमेंट को चुनता है जो अपने पैरेंट का दिए गए प्रकार का पहला चाइल्ड हो। यानी, अगर h2:first-of-type लिखा जाए - तो पैरेंट में पहला h2 मिलेगा (first-child से अलग, जो केवल उसी h2 को ढूंढेगा जो पैरेंट में सबसे पहले आता हो)।

सिंटैक्स

सिलेक्टर:first-of-type {
	
}

उदाहरण

उस पैराग्राफ को ढूंढते हैं जो पैरेंट में पहला पैराग्राफ हो:

<div>
	<h2>शीर्षक</h2>
	<p>पैराग्राफ</p>
	
	<h2>शीर्षक</h2>
	<p>पैराग्राफ</p>
	
	<h2>शीर्षक</h2>
	<p>पैराग्राफ</p>
</div>

p:first-of-type {
	color: red;
}