LearnCSS
tags selectors
*
a
span
strong
parents combinators
span strong
span > strong
span *
span > *
div > div > ul > li > span
li p > em
ul p > em
div > * > * > em
brothers combinators
ul + h3
ul ~ h3
h3 + * > li
.class/#id selectors
.cA
span.cA
span.cA.cB
#idA
div#idA
div#idA.cC
grouping
a, span
a, *, span
span.cA, span.cB
attributes selectors
a[title]
a[href='#']
a[href^='https:']
a[href$='.com']
a[href*='google']
*[class~='cA']
[lang|='fr']
a[href^='https:'][href*='google']
pseudo-classes
span:first-child
span:last-child
span:only-child
span:nth-child(2)
li:nth-child(odd)
li:nth-child(even)
li:nth-child(3n-1)
span:nth-last-child(2)
:empty
span:first-of-type
li.cA:first-of-type
span:last-of-type
span:only-of-type
span:nth-of-type(2)
span:nth-last-of-type(2)
Neo
The Oracle
Niobe
Morpheus
Trinity
SpoonBoy
Mouse
Switch
Persephone
Mifune
Ghost
The Keymaker
Tank
Dozer
Link
The Architect
Lock
Kid
Bane
Maggie
Colt
Cypher
Seraph
Apok
Ballard
The Merovingian
The Twins
Sati
Roland