Web.QHMIT
.com
Toggle navigation
☰
Home
HTML
CSS
Scripting
Database
Run
<!DOCTYPE html> <title>Example</title> <style> div > :only-of-type { border: 1em solid limegreen; } div { border: 1px dotted gray; padding: .5em; margin: .5em; } </style> <div> <img src="/pix/samples/8s.jpg" alt="Sample image"> <p>This <code>div</code> contains only one <code>img</code>.</p> <p>Therefore, the <code>img</code> is <code>:only-of-type</code>.</p> </div> <div> <img src="/pix/samples/8s.jpg" alt="Sample image"> <img src="/pix/samples/9s.jpg" alt="Sample image"> <img src="/pix/samples/10s.jpg" alt="Sample image"> <p>This <code>div</code> contains more than one <code>img</code>, but only one <code>p</code> element. Therefore, the <code>p</code> is <code>:only-of-type</code>.</p> </div>
Preview