Skip to content

Conversation

@ajay-dhangar
Copy link
Member

I’m submitting the full documentation for the CSS Selectors section as outlined in issue #85. This was a big module, and I’ve covered everything listed in the issue: simple selectors, combinators, attributes, pseudo-classes, and pseudo-elements, all rewritten in a clear, beginner-friendly way.


What’s Included

The following files are now added/updated:

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 follows the structure mentioned in the issue:
intro → syntax → examples → best practices → common mistakes → notes → related topics.


What I’ve Added / Improved

  • Detailed explanations for every selector type
  • “Do and Don’t” sections to highlight common pitfalls
  • Cross-links to specificity, inheritance, and syntax basics
  • Clean MDX formatting that works inside Docusaurus
  • Live CodePen embeds for quick testing and preview

I tried to keep everything practical so learners can immediately understand how each selector works and where it fits into real CSS workflows.


Why This Matters

Selectors are the backbone of CSS, and getting this module done sets a strong foundation for all styling topics that come after layout, responsiveness, effects, and more. This should make the tutorial easier to follow and more enjoyable to learn from.


Checklist

@ajay-dhangar ajay-dhangar self-assigned this Nov 16, 2025
Copy link

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great job, @ajay-dhangar! 🎉 Thank you for submitting your pull request to CodeHarborHub. We appreciate your contribution and enthusiasm! Our team will review it soon. If you have any questions or need further assistance, feel free to reach out. Thanks for contributing!

@ajay-dhangar ajay-dhangar added the documentation Improvements or additions to documentation label Nov 16, 2025
@github-actions
Copy link

Thanks for adding the documentation label!


This pull request is now marked as needing content updates for the CodeHarborHub site. Please ensure the description contains all necessary technical details.

@ajay-dhangar ajay-dhangar moved this from Todo to In Progress in @codeharborhub Tutorial Nov 16, 2025
@ajay-dhangar ajay-dhangar added this to the CSS Docs milestone Nov 16, 2025
@ajay-dhangar ajay-dhangar merged commit dd03bab into main Nov 16, 2025
3 checks passed
@github-project-automation github-project-automation bot moved this from In Progress to Done in @codeharborhub Tutorial Nov 16, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

documentation Improvements or additions to documentation

Projects

Development

Successfully merging this pull request may close these issues.

[CSS: Selectors] Simple Selectors, Combinators, Attribute Selectors, Pseudo-classes & Pseudo-elements — Documentation

2 participants