• 
• 1. SitePoint
  2. Reference
  3. CSS
  4. Selector Reference
  5. Pseudo-classes
  6. CSS3 Pseudo-classes
  7. :only-child
  8. CSS Live Demo: :only-child (this page)
• See also: All Live Demos

CSS Live Demo: :only-child

Type your CSS here: (any properties allowed except expression, behavior and @import) li:only-child { color:#c0c; font-style:italic; }

Type your HTML here: (any tags allowed except script, iframe, frame, object, img and embed) <ul> <li>Blue <ul> <li>Anekin Skywalker</li> <li>Luke Skywalker</li> </ul> </li> <li>Green <ul> <li>Yoda</li> <li>Luke Skywalker</li> </ul> </li> <li>Purple <ul> <li>Mace Windu</li> </ul> </li> </ul>

Show me!

Your results appear here: