CSS: Selector. Index

CSS, Selectors

• CSS: Selector. Index
• CSS: selector tutorial

Selector types

• CSS: types of selectors
• CSS: simple selectors
• CSS: compound selectors
• CSS: complex selector (combinator)

Simple selectors

• CSS: type selector (tag name)
• CSS: universal selector (* any tag)
• CSS: class selector (.x)
• CSS: ID selector (#)
• CSS: attribute selector ([x])

Combinators

• CSS: descendant selector (space)
• CSS: child selector (>)
• CSS: adjacent sibling selector (+)
• CSS: subsequent sibling selector (~)

Selector list

• CSS: selector list (,)

Special selector

• CSS: :root selector
• CSS: no child selector
• CSS: first child, sibling rank selector
• CSS: nth-child selector
• CSS: pseudo-class selector (:)
• CSS: pseudo-element selector (::)
• CSS: negation selector (:not)
• CSS: “is any of” selector (:is, :where)
• CSS: :has descendant selector

Misc

• CSS: nesting selector (ampersand &)
• CSS: pseudo-class function selector
• CSS: specificity (selector priority)

CSS, misc, advanced

• CSS: Misc. Index

• CSS: Case Sensitivity
• CSS: Declare Charset
• CSS: Comment Syntax
• CSS: Default Unit

• CSS: Selector. Index
• CSS: Pseudo Element
• CSS: Pseudo Class

• CSS: @media query (responsive design)
• CSS: Variable (Custom Property)
• CSS: calc
• CSS: Reset, Default Values
• CSS: global keywords (property values)
• CSS: nesting selector (ampersand &)
• CSS: Computed Style
• CSS: Browser Default Style Sheet (2025-12)

• CSS: cascade (rule priority, !important)
• CSS: specificity (selector priority)
• CSS: cascade @layer

• CSS: Shrink Wrap
• CSS: Responsive Table
• CSS: Dark Theme
• CSS: Prevent Right Click
• CSS: Fixed Aspect Ratio
• CSS: Add Icon to Links
• CSS: Progress Bar Example

• CSS: Data URI Scheme
• HTML: Protocol-Relative URL