Text Yellow Field Green

Text Blue Field White

Text Black Field Red

Text Black Field White

Text Orange Field Blue

Pre Child Selector Bold.

Child Selector

HTML: (h3)Child (b)Selector(/b)(/h3) CSS: h3>b {}

b is modified only after the h3 Element.

Descendant SelectorTest

HTML: (h2)Descendant (i)Selector(/i)(b)Test(/b)(/h2) CSS: h2 b {}

b is modified after h2 even with i in between.

Adjacent Sibling Selector

Targets first p Element after h1

But not the next p Element. CSS: h1+p {}

General Sibling Selector

Targets all p Elements after (h2)

Including this one. CSS: h2~p {}

And even this one too!