CSS Selector Test Page

This paragraph should be red and bold (h1 + p)

This paragraph should be blue (h1 ~ p)

Descendant vs Child Selectors

This paragraph should be purple and bold (div p and .outer-div > p)

This paragraph should be purple but not bold (div p only)

This div should have light green bg (h2 + div)

This span should have light red bg (h3 ~ span) This span should also have light red bg (h3 ~ span)

This span should have yellow bg (.container span)

Regular paragraph in container

This div should have yellow bg (class ends with 'special')

This div should be normal