• 
• 1. SitePoint
  2. Reference
  3. CSS
  4. Selector Reference
  5. Combinators
  6. Descendant Selector
  7. CSS Live Demo: Descendant Selector (this page)
• See also: All Live Demos

CSS Live Demo: Descendant Selector

Type your CSS here: (any properties allowed except expression, behavior and @import) ul li { color:#090; } ul * li { color:#900; font-style:italic; } ul ol li { color:#009; font-weight:bold; }

Type your HTML here: (any tags allowed except script, iframe, frame, object, img and embed) <h1>Shopping list</h1> <ul> <li>Party supplies <ul> <li>Inflatable palm trees</li> <li>Straws and swizzle sticks</li> <li>Pineapples</li> </ul> </li> <li>Booze <ul> <li>Pina coladas</li> <li>Beer</li> <li>Cider</li> </ul> </li> <li>Treasure <ol> <li>Chocolate</li> <li>Silver</li> <li>Gold</li> </ol> </li> </ul>

Show me!

Your results appear here: