CSS :only-of-type सेलेक्टर की भूमिका

:only-of-type सेलेक्टर का उद्देश्य

:only-of-type सेलेक्टर पैरेंट के अंदर अपने टाइप के इकलौते एलिमेंट को टार्गेट करता है। यह :only-child से कम सख्त है क्योंकि यह अन्य टाइप के सिबलिंग्स की अनुमति देता है।

उदाहरण

<!DOCTYPE html>
<html>
  <head>
    <style>
      p:only-of-type {
        background: orange;
        color: white;
      }
    </style>
  </head>
  <body>
    <div>
      <p>This is demo text 1.</p>
    </div>
    <div>
      <p>This is demo text 2.</p>
      <p>This is demo text 3.</p>
      <p>This is demo text 4.</p>
    </div>
  </body>
</html>

यह ID 1005062671 के समान आलेख है।