CSS Specificity Demo

from blog Manuel Matuzović - Blog, | ↗ original
↗ original
I built an interactive demo to illustrate how specificity in CSS works. main { background: rgb(250 250 250 /0.6) !important; } Press the “Add selector” and “Remove selector” buttons to add or remove a selector in the list of declarations and see how the background color changes accordingly. Each selector will be added to the top of the list to...