Should DevTools teach the CSS cascade?

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.

Should DevTools teach the CSS cascade?

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?.