May 21st, 2021
Stefan Judis, two days before I mouthed off about using (X, X, X, X) for talking about specificity, has a great blog post not only using that format, but advocating that browser DevTools should show us that value by selectors.
I think that the above additions could help to educate developers about CSS tremendously. The only downside I can think of is that additional information might overwhelm developers, but I would take that risk in favor of more people learning CSS properly.
I’d be for it. The
crossed-off UI for the “losing” selectors is attempting to teach this, but without actually teaching it. I wouldn’t be that worried about the information is overwhelming. I think if they are considerate about the design, it can be done tastefully. DevTools is a very information-dense place anyway.
The original post Should DevTools teach the CSS cascade?.