Post

CSS style() queries landed in Firefox 151 making them newly available across engines. Here's how they work:

I like how this example shows that style queries lead to less surprises (cascade specificity). I’m struggling with this use case, though. With classes, I would exclusively set the class to normal or warning directly on the banner. Why style a banner with parent and grandparent containers instead?

Oh! This makes sense now. Thanks for clarifying.

It's kinda funny, a couple of people have said this example is "contrived", yet it's one of the 'realest' examples I've done.

I guess it's TOO REAL