CodePen - CSS Combinator Selectors

X Y Selector

My paragraph here.

List Item 1
List Item 2

Something went Wrong
List Item 4

Paragraph outside of div

X + Y Selector

List Item
List Item
List Item
List Item

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

X > Y Selector

List Item
- Child
List Item
List Item
List Item

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

X ~ Y Selector

List Item
- Child
List Item
List Item
List Item

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.