This sub-issue covers the entire Selectors module—one of the most important topics in CSS. Contributors will document every selector category with definitions, examples, diagrams, browser behaviors, and best practices.
This issue includes:
selectors
├── simple
│ ├── element.mdx
│ ├── class.mdx
│ ├── id.mdx
│ ├── universal.mdx
│ ├── grouping.mdx
├── combinators
│ ├── descendant.mdx
│ ├── child.mdx
│ ├── adjacent-sibling.mdx
│ ├── general-sibling.mdx
├── attribute-selectors.mdx
├── pseudo-classes.mdx
├── pseudo-elements.mdx
Each file should clearly explain:
- What the selector does
- How it affects element targeting
- Syntax
- Practical examples
- Common use cases
- Mistakes to avoid
- Performance considerations
- Visualization of relationships (especially combinators)
Tasks
Simple Selectors
Combinators
Other Selectors
General Tasks
Suggested Structure for Each File
- Introduction
- Syntax overview
- Example code
- Best practices
- Common mistakes
- When not to use
- Browser behavior notes
- Related topics
Expected Outcome
A rich documentation set that teaches contributors and learners how CSS targets elements — forming the backbone for all future styling topics such as layout, effects, and responsiveness.
This sub-issue covers the entire Selectors module—one of the most important topics in CSS. Contributors will document every selector category with definitions, examples, diagrams, browser behaviors, and best practices.
This issue includes:
Each file should clearly explain:
Tasks
Simple Selectors
Combinators
Other Selectors
General Tasks
Suggested Structure for Each File
Expected Outcome
A rich documentation set that teaches contributors and learners how CSS targets elements — forming the backbone for all future styling topics such as layout, effects, and responsiveness.