Anti-pattern gallery
See practical before/after examples for common architecture failures.
Anti-patterns
Summary Page
Common CSS anti-patterns
Most CSS problems are architectural problems rather than syntax problems.
This page is a summary. For full examples and fixes, use Anti-pattern gallery.
- specificity spirals
- deep selector nesting
- global leakage
- utility soup
- component coupling
- ID selectors
- layout mixed into components
- uncontained legacy CSS
!importantabuse
Why these happen
Teams often create accidental complexity when architecture is missing, inconsistent, or disconnected from platform features.