HTML CSS CSS Selectors

Basic

• *
• element type
• .classname
• id
• attribute

Combination

• selector unions
• descendant elements
• child elements
• Use z-index and child selector in HTML and CSS
• immediate sibling elements
• Use z-index and sibling selector in HTML and CSS
• General sibling selector

Pseudo-Element Selectors

• ::first-line
• ::first-letter
• before after
• CSS Counter

Structural Pseudo-Class Selectors

• :root
• Child Selectors
• :first-child
• :last-child
• :only-child
• :only-of-type
• nth-Child

UI Pseudo-Class Selectors

• UI Pseudo-Class Selectors
• enabled disabled
• checked
• default
• valid invalid
• in-range out-of-range
• required optional

Dynamic Pseudo-Class Selectors

• :visited
• :hover
• :active
• :focus

Other Pseudo-Class Selectors

• :not
• :empty
• :lang
• :target

Reference

• Selectors Quick Reference