CSS specificity wars: three patterns that actually end them

You’ve been there. A stylesheet that started life pristine is now a battleground of .modal-header h2.title, nav ul li a.active, and the dreaded !important dropped like a hand grenade because nothing else worked. Every new feature adds one …