प्सेव्दोक्लास last-of-type

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

सिंटैक्स

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

उदाहरण

आइए एक h2 हेडिंग ढूंढते हैं जो अभिभावक में अंतिम h2 है:

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

cssh2:last-of-type {
  color: red;
}

Результат: