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

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

सिंटैक्स

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

उदाहरण

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

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

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

Результат: