What a use case for CSS :where() instead of the :is() pseudo selector?

Question

What a use case for CSS :where() instead of the :is() pseudo selector?

@buildinteractive → + 4,500Aug 05.2022

CSS support keeps expanding and brings with it new selectors to learn. What’s your opinion on the best examples for using :where() over :is()?

to post a answer

CSS

1 Replies _↴

Also in #CSS _↴

I want to create a website, with no previous experience.how can create a navbar on my website On my website, I cannot see the image I put inside the div element

score 1 · Accepted Answer

The main difference between the two is specificity. :where() always has 0 specificity meaning that it could be easily overridden by another CSS rule, while :is() takes the specificity of its most specific selector.

This makes it easier to make a better plan for reusing CSS rules and reducing the amount of CSS needed to be written to achieve the wanted design.

A good use case for the :where() selector this would be creating a base styling for your application (buttons, lists, anchor tags, etc.) that could easily be overridden for specific cases.

What a use case for CSS :where() instead of the :is() pseudo selector?

1 Replies _↴

Also in #CSS _↴

Success!

Social

Version

What a use case for CSS :where() instead of the :is() pseudo selector?

1 Replies ↴

Also in #CSS ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

1 Replies _↴

Also in #CSS _↴