css-inspector

What problem does it solve?

This skill helps you understand how CSS rules interact through the cascade, specificity, and inheritance. It analyzes your CSS to reveal computed styles, explain why certain rules apply, and suggest clean, maintainable alternatives.

Core Features & Use Cases

• Specificity calculations: compute selector specificity and compare competing rules to identify issues.
• Cascade & inheritance: trace how rules apply, override behavior, and how inheritance affects computed values.
• Selector complexity: measure depth and suggest simplifications for faster, more robust CSS.

Quick Start

Use the css-inspector on styles.css to see why a rule wins and how to simplify it, e.g., "analyze styles.css and explain why .btn-primary wins over .button."