Tutorials Bugs Masterclass Free stuff Test pages Proposals

Core tests

Advanced tests

This test

RichInStyle.com tests: the child combinator

Should be red

  1. LI > .child {color: red}

  2. LI > .test {color: green} followed by P.test {color: red} - specificity of > is 0.

  3. DIV > DIV {color: red}, with P inside second DIV

Should not be red

4.   HTML > .child2 {color: red}

  1. HTML > BODY > LI.xi {color: red} (with li.xi inside ol).
  2. em element inside span with P > EM {color: red}