CSS: types of selectors
CSS selectors are classified into several categories.
Simple selectors
selector by tag name, class name, id, or other attributes, or pseudo-class, pseudo-element.
Compound selectors
selector that's a sequence of simple selectors.
Complex Selectors (combinators)
A selector that contains at least one combinator operator (relationship between elements) is called a complex selector.
Selector Lists
Multiple selectors separated by comma.
CSS. Selectors
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
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