The CSS selectors module defines the patterns to select elements to which a set of CSS rules are then applied along with their
specificity. The CSS selectors module provides us with more than 60 selectors and five combinators. Other modules provide additional pseudo-class selectors and pseudo-elements.
:matches()(obsolete legacy selector alias for
- Attribute selectors
- Class selector
- ID selectors
- Type selectors
- Universal selectors
- CSS selectors and combinators
Overview of the different types of simple selectors and various combinators defined in the CSS selectors and the CSS pseudo modules.
- CSS selector structure
Explanation of the structure of CSS selectors and the terminologies introduced in the CSS selectors module, ranging from "simple selector" to "forgiving relative selector list".
- Pseudo classes
Lists the pseudo-classes, selectors that allow the selection of elements based on state information that is not contained in the document tree, defined in the various CSS modules and HTML.
- Learn: CSS selectors
Part of CSS building blocks, includes tutorials on Type, class, and ID selectors, Attribute selectors, Pseudo-classes and pseudo-elements, Combinators, Cascade, specificity, and inheritance, and Cascade layers.
- Using the
:targetpseudo-class in selectors
Learn how to use the
:targetpseudo-class to style the target element a URL's fragment identifier.
- Learn: UI pseudo-classes
Learn the different UI pseudo-classes available for styling forms in different states.
- Locating DOM elements using selectors
- CSS nesting module
- CSS scoping module
- CSS pseudo-element module (representing entities not included in HTML)
- CSS shadow parts module
- CSS positioned layout module
- Other pseudo-elements
|Selectors Level 4 |